您的位置:首页 > Web前端 > JQuery

jquery获取select下拉框的值以及change时间绑定

2013-03-26 00:00 549 查看
下拉框一般是绑定onchange时间,对应jquery的change,一般要获取下拉框的值和索引进行操作

<select id="bidder_way" name="bidder_way" style="width:207px;" class="normal">
     <option value="">--选择投标人的方式--</option>
     <option value="比选">比选</option>
     <option value="指定">指定</option>
</select>

<script>
     $(function(){
        $("#bidder_way").change(function(){    
        var select_val = $(this).children('option:selected').val();
        if(select_val != ''){
        if(select_val == '比选'){
         }else{
         }
         }
     });
   });

</script>

更多获取select下拉框值和索引的方法(摘自网络):

获取Select :
 获取select 选中的 text :
   $("#phpddt.com").find("option:selected").text();
 
 获取select选中的 value:
   $("#phpddt.com ").val();
 
 获取select选中的索引:
     $("#phpddt.com ").get(0).selectedIndex;
 
设置select:
 设置select 选中的索引:
     $("#phpddt.com ").get(0).selectedIndex=index;//index为索引值
 
 设置select 选中的value:
    $("#phpddt.com ").attr("value","Normal“);
    $("#phpddt.com ").val("Normal");
    $("#phpddt.com ").get(0).value = value;
 
 设置select 选中的text:
var count=$("#phpddt.com option").length;
  for(var i=0;i<count;i++)  
     {           if($("#phpddt.com ").get(0).options[i].text == text)  
        {  
            $("#phpddt.com ").get(0).options[i].selected = true;  
          
            break;  
        }  
    }
 
$("#select_id option[text='jQuery']").attr("selected", true);
 
设置select option项:
 
 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option
 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
 $("#select_id option:last").remove(); //删除索引值最大的Option
 $("#select_id option[index='0']").remove();//删除索引值为0的Option
 $("#select_id option[value='3']").remove(); //删除值为3的Option
 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
 
清空 Select:
$("#phpddt.com ").empty();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: