2016-07-23 83 views
0

我有一个由ajax加载的选项。之后,用户选择选项,并从Ajax中提取额外的数据。 当然至少一个这些选项,只要选择填充选项,所以当我听到这个选项的改变来选择:需要处理的事件从<select>选择选项?

$('article select.fetchedPosts').on('change', function() { 
//do stuff and things 
}) 

和用户想要获取的第一数据(默认情况下已选定)选项事件并没有发射,因为没有任何改变... 所以有什么事情在JS中会发射每次用户选择从选择,使用键盘或鼠标的东西?

+0

我不确定你想要什么,但onChange事件按照你所描述的方式工作,它应该适合你。在此处查看演示http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onchange –

+2

您可以使用默认的空白选项,请参阅此主题:http://stackoverflow.com/questions/8605516/default-select -option-as-blank – zoom

回答

1

你可以做默认而不是选择1永远不会触发在壁虎的变化事件,选项为“选择选项”,和用户将不得不更换选择。

<select> 
    <option>select option...</option> 
    <option>1</option> 
    <option>2</option> 
    <option>3</option> 
</select> 
0

change应该是正确的事件。据MDN docs

当用户提交明确(例如通过选择从的用鼠标点击下拉列表中值的变化,从一个日期选择器选择日期[...]

实际上,有一个例子select页面,在那里你可以尝试点击选项或使用键盘选择结束,每一次它触发事件

它也可以根据您的浏览器更改。

不同的浏览器并不总是同意是否应该为特定类型的交互触发更改事件。例如,在元素键盘导航,直到用户点击Enter键或切换对焦距离

+0

我在Chrome和Fox中检查 - 当我第一次选择巧克力时,它没有发射。我想我应该做空白的“选择选项” –