js之select框控制
js之select框控制
蓝川逸风 发表于2年前
js之select框控制
  • 发表于 2年前
  • 阅读 19
  • 收藏 0
  • 点赞 0
  • 评论 0
摘要: js之select框控制

jQuery获取Select选择的Text和Value: 

1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 
2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 
3. var checkValue=$("#select_id").val(); //获取Select选择的Value

jQuery设置Select选择的Text和Value: 

 $("#select_id ").val(4); //设置Select的Value值为4的项选中
 $("#province option[value='江西省']").attr("selected", true);

jQuery添加/删除Select的Option项:

1. $("#select_id").append("<option value='Value'>Text</option>"); //为Select追加一个Option(下拉项) 
2. $("#select_id").prepend("<option value='0'>请选择</option>"); //为Select插入一个Option(第一个位置) 
3. $("#select_id option[text='xx']").remove(); //删除Select中Text='xx'的Option


共有 人打赏支持
粉丝 2
博文 8
码字总数 2065
×
蓝川逸风
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: