您的位置:首页 > 产品设计 > UI/UE

获取dom对象中select的显示文本值和value值

2014-07-01 16:12 204 查看
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script type="text/javascript">
$(document).ready(function(){
$("select[name='expType']").change(function(){
var selectedIndex = this.selectedIndex;
var selectedOption = this[selectedIndex];
$("input[name='typedefine.expType']").val(selectedOption.value);
console.info(selectedOption.text);
});
})
</script>
</head>

<body>
<select name="expType" style="width:180px" >
<option value="">请选择:</option>
<option selected="selected" value="0">html</option>
<option value="2">pdf</option>
</select>
<input type="hidden" name="typedefine.expType" value="">
</body>
</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  text value