浅谈jquery关于select框的取值和赋值

蔚落 2022-09-18 13:55 158阅读 0赞

jQuery("\#select\_id").change(function()\{\}); // 1.为Select添加事件，当选择其中一项时触发  
var checkValue = jQuery("\#select\_id").val(); // 2.获取Select选中项的Value  
var checkText = jQuery("\#select\_id :selected").text(); // 3.获取Select选中项的Text  
var checkIndex = jQuery("\#select\_id").attr("selectedIndex");// 4.获取Select选中项的索引值,  
或者：jQuery("\#select\_id").get(0).selectedIndex;  
var maxIndex = jQuery("\#select\_id :last").attr("index"); // 5.获取Select最大的索引值,  
或者：jQuery("\#select\_id :last").get(0).index;  
  
  
jQuery("\#select\_id").get(0).selectedIndex = 1; // 1.设置Select索引值为1的项选中  
jQuery("\#select\_id").val(4); // 2.设置Select的Value值为4的项选中  
$("\#select\_id").attr("value","Normal“);  
$("\#select\_id").get(0).value = value;  
//根据select的显示值来为select设值  
var count=$("\#select\_id").get(0).options.length;  
for(var i=0;i<count;i++)\{  
if($("\#select\_id").get(0).options\[i\].text == text)  
\{  
$("\#select\_id").get(0).options\[i\].selected = true;  
break;  
\}  
\}  
  
  
jQuery("\#select\_id").append("<option value='新增'>新增option</option>"); // 1.为Select追加一个Option(下拉项)  
jQuery("\#select\_id").prepend("<option value='请选择'>请选择</option>"); // 2.为Select插入一个Option(第一个位置)  
jQuery("\#select\_id").get(0).remove(1); // 3.删除Select中索引值为1的Option(第二个)  
jQuery("\#select\_id :last").remove(); // 4.删除Select中索引值最大Option(最后一个)  
jQuery("\#select\_id \[value='3'\]").remove(); // 5.删除Select中Value='3'的Option  
jQuery("\#select\_id").empty(); // 6.清空下拉列表