jquery html select 清空保留第一項


<select id="a">
<option>1</option>
<option>2</option>
<option>3</option>
<select>
//...引入jquery.js
方法1:
<script>
var b=$("#a option:first").text();
$("#a").html('<option>'+b+'</option>');
</script>
 
方法2:$("#a option:not(:first)").remove();
 
 
//參考
   jQuery獲取Select選擇的Text和Value:
      1. var checkText=jQuery("#select_id").find("option:selected").text();   //獲取Select選擇的Text
      2. var checkValue=jQuery("#select_id").val();   //獲取Select選擇的option Value
      3. var checkIndex=jQuery("#select_id ").get(0).selectedIndex;   //獲取Select選擇的索引值
      4. var maxIndex=jQuery("#select_id option:last").attr("index");   //獲取Select最大的索引值
jQuery添加/刪除Select的Option項:
      1. jQuery("#select_id").append("<option value='Value'>Text</option>");   //為Select追加一個Option(下拉項)
      2. jQuery("#select_id").prepend("<option value='0'>請選擇</option>");   //為Select插入一個Option(第一個位置)
      3. jQuery("#select_id option:last").remove();   //刪除Select中索引值最大Option(最后一個)
      4. jQuery("#select_id option[index='0']").remove();   //刪除Select中索引值為0的Option(第一個)
      5. jQuery("#select_id option[value='3']").remove();   //刪除Select中Value='3'的Option
      6. jQuery("#select_id option[text='4']").remove();   //刪除Select中Text='4'的Option
內容清空:
      jQuery("#select_id").empty();

 


免責聲明!

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



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