2016-07-23 35 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中檢查 - 當我第一次選擇巧克力時,它沒有發射。我想我應該做空白的「選擇選項」 –