好吧基本上我正在尝试做的是创建一个html文档,允许用户输入他们想要的任何数量的选项,然后单击一个按钮并获取他们输入的内容之一随机。我的女朋友非常优柔寡断,有时候我不在身边需要几个小时才能做出选择,所以我想我会给她写一个代码来帮忙。我不确定如何解决这个问题。我搜了几个小时,却一无所获。对不起,如果它非常简单,但任何帮助将不胜感激。到目前为止,我已将此作为代码获取文本框,并通过单击按钮
显示新文本框`
<html>
<head>
<script type="text/javascript">
var instance = 1;
function newTextBox(element)
{
instance++;
var newInput = document.createElement("INPUT");
newInput.id = "text" + instance;
newInput.name = "text" + instance;
newInput.type = "text";
//document.body.write("<br>");
document.body.insertBefore(newInput, element);
document.body.insertBefore(document.createElement("br"), element);
}
</script>
</head>
<body>
<input id="text2" type="text" name="text1"/> <br>
<input type="button" id="btnAdd" value="New text box" onclick="newTextBox(this);" />
</body>
</html>`
答案 0 :(得分:0)
我认为这应该有效:
<input type="button" value="Get Random" onclick="selectRandomInput();"/> <!-- select a random element among [1,instance] elements. -->
function selectRandomInput(){
var selectedId=Math.floor(Math.random()*instance+1);
for(var i=0;i<document.getElementsByTagName("input").length;i++){
element=document.getElementsByTagName("input")[i];
if(element.id!=selectedId && element.type!="button")
element.style.display="none";
}
}
PS:更好的解决方案是添加一个类来输入文本元素,并迭代那些拥有此类而不是所有输入标记的类。