JQuery操作Select下拉列表

2021-08-29 18:50:38 字數 1144 閱讀 5116

1我被選中了2

查詢被選中的option中的內容當然也可以用 alert($("#sel option[@selected]").text());

稍微解釋一下:

select[@name='sel'] option[@selected] 表示具有name 屬性,並且該屬性值為』sel』 的select元素 裡面的具有selected 屬性的option 元素;可以看出有@開頭的就表示後面跟的是屬性。

//select選項新增

$(''#optionadd'').click(function()else{

alert(''不能為空'');

//select選項刪除

$(''#optiondel'').click(function(){

$(''#ll option[selected]'').remove();

//select選項修改

$(''#optionedit'').click(function(){

$(''#ll option[selected]'').text(''ycj'');

//獲取select更改後的值

$(''#ll'').change(function(){

$(''#txtselect'').val($(this).val());

//select 元素中的比較

$(''#optioncompare'').click(function(){

//方法1

$(''#result'').text(''no''); 

for(i=0; i<$(''#ll option'').length; i++){

if($(''#ll option'').eq(i).text() == $(''#txtselect'').val()){

$(''#result'').text(''yes''); 

//方法2

$(''#result'').text(''no''); 

$(''#ll option'').each(function(){

if($(this).text() == $(''#txtselect'').val()){

$(''#result'').text(''yes''); 

個人感覺新增操作不理想,但暫時也找不到什麼好的辦法

使用jquery操作select

jquery獲取select選擇的text和value 語法解釋 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的tex...

jquery操作select大全

jquery獲取select選擇的text和value 1.select id change function 為select新增事件,當選擇其中一項時觸發 2.var checktext select id find option selected text 獲取select選擇的text 3.v...

jquery操作 select 物件

jquery select取值,賦值操作 一 獲取select 獲取select 選中的 text ddlregtype find option selected text 獲取select選中的索引 ddlregtype get 0 selectedindex 二 設定select 設定selec...