下拉框select中指定option時觸發的選中事件,以及已知選中的值,將它顯示在下拉框中

努力_才幸福發表於2018-11-13

在下拉框選中option時,實際上option本身並沒有觸發事件方法,而是在select的onchange中觸發。

現有一個id=test的下拉框

 js原生方法:

1)拿到select物件:var  myselect=document.getElementById("test");

2)拿到選中項的索引:var index=myselect.selectedIndex ;             // selectedIndex代表的是你所選中項的index

3)拿到選中項options的value:  myselect.options[index].value;

4)拿到選中項options的text:  myselect.options[index].text

jq方法:

1)var options=$("#test option:selected");  //獲取選中的項

2)alert(options.val());   //拿到選中項的值

3)alert(options.text());   //拿到選中項的文字

已知選中的值,將它顯示在下拉框中:

jq中提供了val()的方法可以進行設定或返回表單欄位的值,所以使用val()設定下拉框的值就可以

相關文章