如何使用JavaScript自动添加选择题选项前面的ABCD
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何使用JavaScript自动添加选择题选项前面的ABCD相关的知识，希望对你有一定的参考价值。
<html><body>
<ol type="A">
<li>咖啡</li>
<li>牛奶</li>
<li>茶</li>
</ol>
</body>
</html>追问
我没用用ol li格式,我用的都是input标签
追答<!-- 写了个这样的--><html>
<body onload="load()">
<div onclick="youcheck()">
<input type="Radio" name="answer" ></input>
<input type="Radio" name="answer" ></input>
<input type="Radio" name="answer" ></input>
<input type="Radio" name="answer" ></input>
</div>
<div id="show"></div>
<script>
var arr = ["A", "B", "C", "D"];
function load()
var check = document.getElementsByTagName('input');
for (var i = 0; i < check.length; i++)
check[i].value = arr[i];
if (check[i].nextSibling.nodeType == 1)
var el = check[i].nextSibling.nextSibling;
else
el = check[i].nextSibling;
el.nodeValue = arr[i];
function youcheck()
var check = document.getElementsByTagName('input');
for (var i = 0; i < check.length; i++)
if (check[i].checked)
document.getElementById("show").innerHTML=check[i].value;
</script>
</body>
</html>
写了个这样的
参考技术A 给元素innerHtml属性赋值即可。如何使用javascript选择一个选择选项html [重复]
【中文标题】如何使用javascript选择一个选择选项html [重复]【英文标题】：how to choose with javascript a select option html [duplicate] 【发布时间】：2021-06-27 22:15:21 【问题描述】：我必须从 html 文件中选择一个选项：
<select id="color">
<option>red</option>
<option>yellow</option>
<option>green</option>
<option>orange</option>
</select>
例如，我想选择绿色。我已经试过了：
var color = "green"
document.getElementById("color").options.value = color;
document.getElementById("color").value = color;
但它们不起作用。 （选项标签必须没有名称，id，...）
【问题讨论】：
这能回答你的问题吗？ How do I programmatically set the value of a select box element using JavaScript? 你说选项标签必须没有名字，id，...。这是否也包括值？因为如果您要将value="colorname" 添加到您的选项标签中，您应该可以通过document.getElementById("color").value = color; 进行设置
【参考方案1】：
把你的 HTML 改成这个；
<select id="color">
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="green">green</option>
<option value="orange">orange</option>
</select>
那么下面的 JavaScript 应该可以工作了；
var color = "green"
document.getElementById("color").value = color;
以sn-p为例；
var color = "green"
document.getElementById("color").value = color;
console.log( document.getElementById("color").value );<select id="color">
<option value="red">red</option>
<option value="yellow">yellow</option>
<option value="green">green</option>
<option value="orange">orange</option>
</select>如果由于某种原因无法添加 value 属性，您最终将不得不遍历选项标签并通过它来选择它们。
function selectColor( color )
var select = document.getElementById("color");
for ( var i=0; i<select.childNodes.length; i++ )
if ( select.childNodes[i].textContent === color )
select.childNodes[i].selected = true;
return true;
return false;
selectColor("green");
console.log( document.getElementById("color").value );<select id="color">
<option>red</option>
<option>yellow</option>
<option>green</option>
<option>orange</option>
</select>【讨论】：
以上是关于如何使用JavaScript自动添加选择题选项前面的ABCD的主要内容，如果未能解决你的问题，请参考以下文章