一、jquery方式
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">
脚本学堂</option>
<option value="2">www.jb200.com</option>
</select>
二、javascript方式
复制代码 代码示例:
var str = document.getElementById("stBegin");
alert(str.options[str.selectedIndex].value);
三、如何添加select的option呢？
经常用到的二种方法：
1、JS代码：
复制代码 代码示例:
var op = new Option("text", "value");//创建一个option对象
op.selected = true;//设置其为
默认选中项
$("#stBegin")[0].options.add(op);//添加到select对像
2、JQuery代码：
复制代码 代码示例:
$("#stBegin").append("<option value='00000' selected>oooo</option>");//使用JQuery的append方法，来天添加
四、js获取select标签选中的值
复制代码 代码示例:
var obj = document.getElementByIdx_x(”testSelect”); //定位id
var index = obj.selectedIndex; // 选中索引
var text = obj.options[index].text; // 选中文本
var value = obj.options[index].value; // 选中值
jQuery中获得选中select值
复制代码 代码示例:
//方式1，
$('#testSelect option:selected').text();//选中的文本
$('#testSelect option:selected') .val();//选中的值
$("#testSelect ").get(0).selectedIndex;//索引
//方法2，
$("#tesetSelect").find("option:selected").text();//选中的文本
…….val();
…….get(0).selectedIndex;
