如何获取html中datalist的选项的值并显示在网页上
这里是我的脚本<pid="DLcontents"></p><scripttype="text/javascript">varx=document.getElementBy...
这里是我的脚本
<p id="DLcontents"></p>
<script type="text/javascript">
var x = document.getElementById("myDatalist").options.length;
var obj = document.getElementById("myDatalist");
for (var i = 0; i < x; i++) {
var str = obj.options[i].value;
document.getElementById("DLcontents").innerHTML = str + "<br/>";
</script>
运行的结果是只显示最后一个值!(一共有5个)
初学网页设计,看这代码没问题,但就是不知道哪里的问题。。。 展开
<p id="DLcontents"></p>
<script type="text/javascript">
var x = document.getElementById("myDatalist").options.length;
var obj = document.getElementById("myDatalist");
for (var i = 0; i < x; i++) {
var str = obj.options[i].value;
document.getElementById("DLcontents").innerHTML = str + "<br/>";
</script>
运行的结果是只显示最后一个值!(一共有5个)
初学网页设计,看这代码没问题,但就是不知道哪里的问题。。。 展开
推荐于2018-03-01
展开全部
最后输出的错了。
应该是添加。你那么写是每次都改变p里面的内容了。
改成下面+=
document.getElementById("DLcontents").innerHTML += str + "<br/>";
还有for少了半个}
应该是添加。你那么写是每次都改变p里面的内容了。
改成下面+=
document.getElementById("DLcontents").innerHTML += str + "<br/>";
还有for少了半个}
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
例如
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
用jquery取值
$('#cars option:nth-child(1)').val()
是取BMW
$('#cars option:nth-child(3)').val()
是取Volvo
<input id="myCar" list="cars" />
<datalist id="cars">
<option value="BMW">
<option value="Ford">
<option value="Volvo">
</datalist>
用jquery取值
$('#cars option:nth-child(1)').val()
是取BMW
$('#cars option:nth-child(3)').val()
是取Volvo
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
最后输出的错了。
应该是添加。你那么写是每次都改变p里面的内容了。
改成下面+=
document.getElementById("DLcontents").innerHTML += str + "<br/>";
还有for少了半个}
应该是添加。你那么写是每次都改变p里面的内容了。
改成下面+=
document.getElementById("DLcontents").innerHTML += str + "<br/>";
还有for少了半个}
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
大括号少了。for循环那里大括号只有一个,没有 } 回来,
document.getElementById("DLcontents").innerHTML += str + "<br/>";
要改成+=
完整的就是
<script type="text/javascript">
var x = document.getElementById("myDatalist").options.length;
var obj = document.getElementById("myDatalist");
for (var i = 0; i < x; i++) {
var str = obj.options[i].value;
document.getElementById("DLcontents").innerHTML += str + "<br/>";
}
</script>
document.getElementById("DLcontents").innerHTML += str + "<br/>";
要改成+=
完整的就是
<script type="text/javascript">
var x = document.getElementById("myDatalist").options.length;
var obj = document.getElementById("myDatalist");
for (var i = 0; i < x; i++) {
var str = obj.options[i].value;
document.getElementById("DLcontents").innerHTML += str + "<br/>";
}
</script>
追问
大括号是在复制的时候漏掉了,问题出现在后面赋值!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这个控件是在net里面的控件,里面的值可以给它一个ID,通过ID查询读出然后通过表格绑定相应ID显示
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询