下拉框select中指定option時觸發的選中事件,以及已知選中的值,將它顯示在下拉框中
在下拉框選中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()設定下拉框的值就可以
相關文章
- select 下拉框選中事件事件
- jquery獲取下拉框選中的屬性值jQuery
- 如何在下拉框Select中動態新增option?
- 選中select下拉框項設定元素顏色
- jq動態修改select 的option值,使option值自動選中
- 選中select下拉選單第一項不觸發事件事件
- jquery獲取select下拉選中option項的value值jQuery
- js將選擇的圖片顯示在img中JS
- 使用ant design of vue的下拉框來選擇性別,性別的值為0、1,被選中的選項顯示的是value值,即0、1,不顯示男、女Vue
- 求助:JSF中下拉框中如何控制預設狀態當前值選中?JS
- Android在ListView的onTouch事件中獲取選中項的值AndroidView事件
- vue中select的使用以及select設定預設選中Vue
- 選中select下拉選單option項實現提交效果
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- 在jsavaScript中設定select的某個選項被選中JS
- 在select中,載入時預設select為空白,選項內不顯示空白項
- js獲取select下拉選單中option項的數目JS
- 直播平臺搭建,使用element-ui中的select下拉框UI
- 獲取選中select下拉選單的value屬性值
- 使用layui框架的select獲取選中的值UI框架
- 將選中的下拉選單值寫入文字框
- WPF/C#:讓繪製的圖形可以被選中並將資訊顯示在ListBox中C#
- js獲取當前select下拉選單選中項的值JS
- 擴充套件EasyUI在頁面中馬上顯示選中的本地圖片套件UI地圖
- bootstrap中如何使input中的小圖示獲得點選事件boot事件
- 【jquery】select下拉框賦值jQuery賦值
- ListView新增事件並獲取選中項的值View事件
- jquery實現的獲取選中select下拉選單的值和文字jQuery
- jquery如何獲取select下拉選單選中項的值和文字jQuery
- select下拉選擇第一個選項為空白、option無法選中的解決辦法,
- JavaScript select選中項的value值和文字內容JavaScript
- jquery 獲取select框選中的值示例一則jQuery
- 原生js如何獲取選中的select下拉項的值JS
- 直播商城原始碼,PopupWindow選單在ListView中顯示原始碼View
- WPF/C#:在DataGrid中顯示選擇框C#
- javascript如何獲取當前選中的option項的文字和value值JavaScript
- 點選 Button觸發事件將GridView1 CheckBox勾選的行新增到GridView2中事件View
- 在js中獲取 input checkbox裡選中的多個值JS