jquery獲取select下拉框的值以及change時間綁定


下拉框一般是綁定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();

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM