js获取动态下拉列表的值如何获取?
展开全部
写了一个详细的例子,作为参考:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
function sel1_click()
{
var nodeSel1=document.getElementById("sel1"); //获取select元素
var index = nodeSel1.selectedIndex; // 选中项的索引
var text = nodeSel1.options[index].text; // 选中项的文本
var value = nodeSel1.options[index].value; // 选中项的值
alert("您选择的是:"+text+" 它的值是:"+value);
}
</script>
</head>
<body>
<select style="width:400px;height:40px;font-size:25pt;background-color:#00ffff" id="sel1" onchange="sel1_click()">
<option value="Apple">苹果</option>
<option value="orange">橘子</option>
<option value="banana">香蕉</option>
<select>
<br/><br/><br/>
<input type="button" style="height:30px;width:200px;background-color:#ff00ff" value="点击获取选中内容" onclick="sel1_click()"/>
</body>
</html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="JavaScript" type="text/javascript">
function sel1_click()
{
var nodeSel1=document.getElementById("sel1"); //获取select元素
var index = nodeSel1.selectedIndex; // 选中项的索引
var text = nodeSel1.options[index].text; // 选中项的文本
var value = nodeSel1.options[index].value; // 选中项的值
alert("您选择的是:"+text+" 它的值是:"+value);
}
</script>
</head>
<body>
<select style="width:400px;height:40px;font-size:25pt;background-color:#00ffff" id="sel1" onchange="sel1_click()">
<option value="Apple">苹果</option>
<option value="orange">橘子</option>
<option value="banana">香蕉</option>
<select>
<br/><br/><br/>
<input type="button" style="height:30px;width:200px;background-color:#ff00ff" value="点击获取选中内容" onclick="sel1_click()"/>
</body>
</html>
展开全部
可以获取啊
<div id="hdiv">
</div>
$(function(){
var html = [];
html.push('<div class="newdiv">123</div>');
html.push('<div class="newdiv">abc</div>');
$("#hdiv").append(html.join(''));
$(".newdiv").each(function(){
alert("9999");
})
}
<div id="hdiv">
</div>
$(function(){
var html = [];
html.push('<div class="newdiv">123</div>');
html.push('<div class="newdiv">abc</div>');
$("#hdiv").append(html.join(''));
$(".newdiv").each(function(){
alert("9999");
})
}
追答
获取下拉列表选中的值:document.getElementById("xibu").value
var sel = document.getElementById("xibu");
sel.options[i].value 获取第i个option的value
sel.options[i].text 获取第i个option的text值
我试的是静态的,动态的应该也行,你试试
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询