select下拉框赋值和取值

jq的select常用的方法:
一、下拉框赋值:
       1、已创建select的下拉框。
         ①选中option的value为jquery
            例:$("#szfs").val(“”jquery“”);
         ②选中option的text为jquery
            例: $("#select_id option[text='jQuery']").attr("selected", true);
         ③设置Select索引值为1的项选中
            例: $("#select_id ").get(0).selectedIndex=1;  
        2、未创建下拉框
        ① 创建option并选中
            例:$("#ywcj").append("<option value="+data.YWCJID+">"+data.YWCJ+"</option>").attr("selected", true);
二、创建下拉框:

    1. 删除Select中Text='4'的Option
          例:$("#select_id option[text='4']").remove();  
    2. 为Select追加一个Option(下拉项)
          例:$("#select_id").append("<option value='Value'>Text</option>");     
    3.为Select插入一个Option(第一个位置)
          例: $("#select_id").prepend("<option value='0'>请选择</option>");  
    4.删除Select中索引值最大Option(最后一个)
          例: $("#select_id option:last").remove();  
   5.删除Select中索引值为0的Option(第一个)
        例: $("#select_id option[index='0']").remove(); 
   6.  删除Select中Value='3'的Option
       例: $("#select_id option[value='3']").remove();
 三、获取选中值
  1、获取选中的value值
      $("#quiz0").val();
  2、获取选中的text值
     $("#quiz0 option:checked").text();
  3、获取选中的其他值
     例: `<option value="" tag-id="">请选择</option>`
    获取tag-id的值:$(quiz0).find("option:selected").attr("tag-id")

四、设置不能选择

disabled="true"

<select name="entity.gsdm" id="gsdm" οnchange="changeGsdm()" disabled="true" class="selectDisabled">因为select不能选择后为背景颜色为白色,随意使用background-color让其变成灰色。

.selectDisabled {
   background-color: #D4D4CA;
}

jq控制:

$("#sel").attr("disabled","disabled").css("background-color","#EEEEEE;");


         

  • 0
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值