如何用js获取select选项文本的代码呢?
如<selectname="ciname"><optionvalue="1">11</option></select>我该怎么获取这个"11"呢？...
如<select name="ciname" > <option value="1"> 11 </option> </select> 我该怎么获取这个" 11 "呢？
展开
展开全部
通过option:selected方法来获取文本值
<!--HTML部分-->
<select class="select">
<option>桃子</option>
<option>苹果</option>
<option>桔子</option>
</select>
<p class="text">我是<span></span></p>
<!--JS部分-->
<script type="text/javascript">
$(function(){
var b;
$("select").on("click",function(){
b=$(this).children("option:selected").text(); //通过option:selected方法来获取文本值
$(".text span").text(b);
})
});
</script>
如果我选择的是苹果，那会就会输出"我是苹果"
<!--HTML部分-->
<select class="select">
<option>桃子</option>
<option>苹果</option>
<option>桔子</option>
</select>
<p class="text">我是<span></span></p>
<!--JS部分-->
<script type="text/javascript">
$(function(){
var b;
$("select").on("click",function(){
b=$(this).children("option:selected").text(); //通过option:selected方法来获取文本值
$(".text span").text(b);
})
});
</script>
如果我选择的是苹果，那会就会输出"我是苹果"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>a.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function a(){
var a=document.getElementById("ciname");
alert("当前文本: " + a.options(a.selectedIndex).text);
}
</script>
</head>
<body>
This is my HTML page. <br>
<select id="ciname" name="ciname" >
<option value="1"> 11 </option>
<option value="1"> 12 </option>
<option value="1"> 13 </option>
<option value="1"> 14 </option>
</select>
<input value="获取下拉框的值" type="button" onclick="a()" />
</body>
</html>
<html>
<head>
<title>a.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript">
function a(){
var a=document.getElementById("ciname");
alert("当前文本: " + a.options(a.selectedIndex).text);
}
</script>
</head>
<body>
This is my HTML page. <br>
<select id="ciname" name="ciname" >
<option value="1"> 11 </option>
<option value="1"> 12 </option>
<option value="1"> 13 </option>
<option value="1"> 14 </option>
</select>
<input value="获取下拉框的值" type="button" onclick="a()" />
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
实例化一个Option的对象，在调用它的方法
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
