select下拉框之JS JQuery詳細操作

2021-09-30 16:34:15 字數 2776 閱讀 9680

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

var selobj = 下拉框物件

1. 移除所有項:

selobj.options.length = 0;

2. 移除下拉框中的一項:

selobj.options.remove(index);

「index」為下拉框選項的索引值,若0索引項移出(自上而下),那麼1索引項的索引會變為0,後面的索引依次向前推進

也可利用迴圈,移除所有項:

var length = selobj.options.length;for(var i=length-1;i>=0;i--)
3. 移除下拉框的選中項:

selobj.options[selobj.selectedindex] = null;

「selectedindex」為下拉框選中項的索引值,「options[index]」這裡也是獲取下拉框索引值=index的選項

4. 新增下拉框選項: 

selobj.options.add(new option(text, value));

「text」為下拉框選項的顯示文字,「value」為下拉框選項的值,此方法會在下拉框末尾新增,索引值最大

5. 修改下拉框選中項:

selobj.options[selobj.selectedindex] = new option(text , value);

6. 獲取下拉框選中項的值:

selobj.options[selobj.selectedindex].value

7. 下拉框是否選中:

selobj.selectedindex > -1 ?//選中//沒有選中

var selid = 下拉框物件id

1. 獲取指定下拉框選項:

$("#selid").find("option:selected");

「option:selected」為選中項,「option:first」為首項(索引值為0),「option:last」為末項(索引值最大)

$("#selid option[value='***']")

獲取下拉框選項值為「***」的選項

//$("#selid option[text='***']");//$("#selid option[index='x']");

以上2種方法測試後,均返回object,但.val()方法返回undefined,.text()方法返回為空,.attr("selected", true)方法更無效果,建議不要使用!!

2. 獲取下拉框選中項的文字:

$("#selid").find("option:selected").text();

3. 獲取下拉框選中項的值:

$("#selid").val();

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

$("#selid").get(0).selectedindex;

「get(0)」即獲取選中項

例如:

aaa

bbbccc

eee

用此方法獲取以上下拉框選中項的索引值為3。

5. 設定下拉框的選中項:

$("#selid").get(0).selectedindex = index;

設定下拉框中選項的索引值=index的項為選中項

$("#selid").attr("value","***「);$("#selid").val("***");$("#selid").get(0).value = "***";

以上3個方法都是設定下拉框中選項的值=「***」的項為選中項

$("#selid").prepend("text");7. 移除下拉框選項:

$("#selid option[value='***']").remove();

移除下拉框選項值為「***」的選項

8. 清空下拉框所有選項:

$("#selid").empty();

$("#selid option").remove();

給我老師的人工智慧教程打call!

下拉框處理(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...