Posted on 2011-11-02 10:24
瘋狂 閱讀(7141)
評論(0) 編輯 收藏 所屬分類:
web 、
jquery
用JQuery寫的:
- Jquery獲得select下拉選項option的值:
-
- <script type"text/javascript">
-
- $(document).ready(function() {
-
- $("#selProv").change(function(){
-
- alert( $("#selProv option:selected").text() );})
-
- });
-
- </script>
-
- <select id="selProv">
-
- <option value="1">text111111</option>
-
- <option value="2">text222222</option>
-
- </select>
Jquery獲得select下拉選項option的值:
<script type"text/javascript">
$(document).ready(function() {
$("#selProv").change(function(){
alert( $("#selProv option:selected").text() );})
});
//alert($("#selProv option[value='01']").val());//也可以這樣獲得一個值
</script>
<select id="selProv">
<option value="1">text111111</option>
<option value="2">text222222</option>
</select>
用javascript的寫的:
- var str = document.getElementById("stBegin");
- alert(str.options[str.selectedIndex].value);
var str = document.getElementById("stBegin");
alert(str.options[str.selectedIndex].value);
如何添加select的option呢?
有如下兩種方法,當然還有其它的方法,下面的只是經常用到:
①JS代碼:
- var op = new Option("text", "value");
- op.selected = true;
- $("#stBegin")[0].options.add(op);
var op = new Option("text", "value");//創建一個option對象
op.selected = true;//設置其為默認選中項
$("#stBegin")[0].options.add(op);//添加到select對像
②JQuery代碼:
- $("#stBegin").append("<option value='00000' selected>oooo</option>");
文章來自:
http://sh2015yao.iteye.com/blog/859678