0

好的，所以基本上我要做的是创建一个 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>`
4

1 回答 1

0

我认为这应该有效：

HTML：

<input type="button" value="Get Random" onclick="selectRandomInput();"/> <!-- select a random element among [1,instance] elements. -->

JS：

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：更好的解决方案是添加一个类来输入文本元素，并遍历具有此类的那些而不是所有输入标签。

于 2013-04-03T00:20:26.167 回答