jQuery select的操作实现代码_jquery

WBOY
Lepaskan: 2016-05-16 18:53:21
asal
1078 orang telah melayarinya
//改變時的事件
复制代码 代码如下:

$("#testSelect").change(function(){ //事件發生
jQuery('option:selected', this).each(function(){ //印出選到多個值
alert(this.value);
});
});

//印出選到的項目
复制代码 代码如下:

法1:$("select#Clubs").children("[@selected]").each(function(){
alert(this.text);
});
法2:$("#selBags").val(); //這個比較快啦,但限單選


//取得下拉選單的選取值
复制代码 代码如下:

$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();

//移除
removeOption(index/value/regex[, selectedOnly])
复制代码 代码如下:

$('select#Clubs option:selected').remove();

//使某option變為selected
复制代码 代码如下:

var select = $(tdsEdit[0]).find("select"); //取得select
$(select).children().each(function(){
if ($(this).text()=="option you want")

//jQuery給法
复制代码 代码如下:

$(this).attr("selected","true"); //或是給selected也可
//javascript給法
this.selected = true;
});

參考
http://www.texotela.co.uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html
Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan