Question

我想要做的是在输入时取值，然后在textarea中随机显示。当我在输入文本框中插入说“100”时，它会显示一个低于100的随机数。我试图只取输入并随机显示文本框中的输入值。我以为我知道该怎么做，但显然我不会在这里发帖。

<!DOCTYPE html>
<html>
<head>
<title>Random Value Test Generation</title>
<meta http-equiv='Content-Type' charset='utf-8' content='text/html;charset=ISO-8859-1'>
<script src='http://code.jquery.com/jquery-1.9.1.min.js' type='text/javascript'></script>
<script type="text/javascript">
$(function() {
    $('#genbtn').click(GenRandomInput);

    function GenRandomInput() {
        var txtval = $("input[name='textbox1']").val();
        var txtvals = $("input.textbox").val();
        var testrandomnuminputs = Math.floor(Math.random() * 11)
        var randinputs = Math.floor(Math.random() * txtvals);

        $('#raninputs').val(randinputs);

  return false;}
});
</script>
</head>
<body>
    <div><label>Truth #1</label><input type="text" name="textbox1" class="textbox" value="One" /></div>

    <div><label>Truth #2</label><input type="text" name="textbox2" class="textbox" value="Two" /></div>

    <div><label>Truth #3</label><input type="text" name="textbox3" class="textbox" value="Three" /></div>

    <div><label>Truth #4</label><input type="text" name="textbox4" class="textbox" value="Four" /></div>

    <input type="button" id="genbtn" value="Start">

    <div class="genarea">
        <textarea id="raninputs" placeholder="Random inputs generate here"></textarea>
    </div>
</body>
</html>

Answer 1

如果您要查找文本，要随机显示其中一个输入字段，请尝试以下操作：

<强> Demo here

$(function() {
    $('#genbtn').click(GenRandomInput);
    function GenRandomInput() {
        var txtvals = $("input.textbox").length;
        var testrandomnuminputs = Math.floor(Math.random() * txtvals)
        var randinputs = $("input")[testrandomnuminputs].value;
        $('#raninputs').val(randinputs);
  return false;}
});

随机读取DIV或Textarea中的输入值和显示

1 个答案: