關於select 下拉框取值

2022-02-17 06:43:19 字數 1386 閱讀 1645

1.獲取選中的下拉框的索引:

var index = document.getelementbyid("id").selectedindex;//得到選中項的索引

var department =document.getelementbyid("id").options[index].text.trim();//得到選中項的text值

var department1 =document.getelementbyid("id").options[index].value.trim();//得到選中項的value值

2.獲取相應的option的索引:

var maxindex = $(「#select_id :last」).get(0).index; //獲取select最大索引值

var checkindex = $(「#select_id」).get(0).selectedindex;//獲取select選中項的索引值

var checkindexs = $(『option:selected』, 『#select_id』).index(); //獲取選中的select的索引

var checkindexa =('#select_id option').index(('#select_id option').index((『#select_id option:selected』)); //獲取選中的select的索引

var checkindex = $(『#select_id』).prop(『selectedindex』); //獲取選中的select的索引

3.判斷是否被選中:

alert($(「#select_id」).find(「option[value=』value值』]」).is(「:selected」)); //選中為true 沒選中為false

alert(document.getelementbyid(「select_id」).options[1].selected); //判斷選中為true 沒選中為false

4.獲取相應option的值:

var checkvalue = $(『#select_id option:first』).val();//獲取第乙個option的值

var checkvalue =$(「#select_id option:last」).val();//最後乙個option的值

var checkvalue = $(『#select_id option:eq(1)』).val();//獲取第二個option的值

5.禁用下拉框:

$("#id").attr("disabled","disabled");//禁用下拉框

本人一般用得比較多的就是第一種和最後一種。

下拉框處理(select)

在ui自動化測試過程中,經常會遇到一些下拉框,我們有三種可選方式來操作下拉框。第一種方法 基於webdriver的兩次click,很容易出現問題,不建議使用。由於部分下拉框在點選一次後,失去焦點再點下一次時可能下拉框中的引數就消失了,那麼就無法進行選擇了,所以會出現無法定位到目標元素或目標元素不可見...

select下拉框預設選擇

select標籤構成的下拉框和jquery通過js構建的下拉框用法一樣。例如 html下拉框 啟用 停用 js控制的下拉框 editdisplayname combobox 兩者的本質是相同的,但是,select標籤建立的下拉框會預設選中第乙個選項。而js控制的下拉框預設是不會選中任何選項的。當然s...

jQuery操作select下拉框

1 jquery獲取當前選中select的text值 var checktext slc1 find option selected text 2 jquery獲取當前選中select的value值 var checkvalue slc1 val 3 jquery獲取當前選中select的索引值 v...