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

juery学习总结——例子

2016-03-11 12:03 447 查看
1、select元素在选择是找到选择的值和option中的值

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="jquery-1.11.2.js"></script>
<script type="text/javascript">
$(function(){
$("select").change(function () {
$("span").eq(0).html($(this).val())
$("span").eq(1).html($(this).find("option:selected").text())
})
$("span").eq(0).html($("select").val())
$("span").eq(1).html($("select").find("option:selected").text())
})

</script>
</head>
<body>
测试：<select>
<option value = "1">hello</option>
<option value = "2">world</option>
<option value = "3">change</option>
<option value = "4">le</option>
</select>
<div>选中的值：<span ></span>；value值：<span></span></div>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航