如何获取随机用户输入变量以在html中返回

时间:2013-04-03 00:11:24

标签: javascript html css

好吧基本上我正在尝试做的是创建一个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>`

1 个答案:

答案 0 :(得分: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:更好的解决方案是添加一个类来输入文本元素,并迭代那些拥有此类而不是所有输入标记的类。