jQuery select的操作实现代码
时间：2021-06-06 08:45:06|栏目：jquery|点击： 次
//改??r的事件
$("#testSelect").change(function(){ //事件?l生
jQuery('option:selected', this).each(function(){ //印出?x到多??值
alert(this.value);
});
});
//印出?x到的?目
法1：$("select#Clubs").children("[@selected]").each(function(){
alert(this.text);
});
法2：$("#selBags").val(); //?@??比?^快啦，但限?芜x
//取得下拉?x?蔚倪x取值
$(#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?o法
$(this).attr("selected","true"); //或是?oselected也可
//javascript?o法
this.selected = true;
});
?⒖?
http://www.texotela.co.uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html
复制代码 代码如下:
$("#testSelect").change(function(){ //事件?l生
jQuery('option:selected', this).each(function(){ //印出?x到多??值
alert(this.value);
});
});
//印出?x到的?目
复制代码 代码如下:
法1：$("select#Clubs").children("[@selected]").each(function(){
alert(this.text);
});
法2：$("#selBags").val(); //?@??比?^快啦，但限?芜x
//取得下拉?x?蔚倪x取值
复制代码 代码如下:
$(#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?o法
复制代码 代码如下:
$(this).attr("selected","true"); //或是?oselected也可
//javascript?o法
this.selected = true;
});
?⒖?
http://www.texotela.co.uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html
上一篇：jQuery Form 表单提交插件之formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的应用
栏 目：jquery
本文标题：jQuery select的操作实现代码
本文地址：http://www.codeinn.net/misctech/136163.html
