如何让随机输入出现在 jQuery 中？答案

【问题标题】：How to make a random input appear in jQuery?如何让随机输入出现在 jQuery 中？
【发布时间】：2015-05-17 03:20:46
【问题描述】：

我正在开发一个网站，并想创建几个输入字段，如果您按下按钮，其中一个输入将显示 (.innerHTML)。这是HTML，但我不知道jQuery并搜索了互联网，但找不到任何有用的...

<!doctype html>
<html>
<body>
<input type="text" class="input" placeholder="Enter a word">

<input type="text" class="input" placeholder="Enter a word">
<input type="text" class="input" placeholder="Enter a word">
<input type="button" value="Go!">
</body>
</html>

感谢您帮助我！

【问题讨论】：

好吧，首先你会添加一个点击处理程序，然后当它被触发时你会生成一个“随机值”并将其分配给 value 属性（不是 innerHTML ) 的特定输入字段.. 这可能是学习一些基本教程的好时机（介绍创建简单事物的整个过程，例如计算器）。

标签： jquery html random

【解决方案1】：

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>      
  <form>
  <hr/>
    <a href="javascript:;void(0);" id="buttonOne">Insert input form</a>
  <hr/>
    
    <input type="submit" value="Post the form" /> 
    
  </form>

  <script type="text/javascript">
    var sequence = 0;
    $(document).ready(function(){
        
        $("#buttonOne").click(function(){
            $("form").prepend("<input name=name"+sequence+" placeholder='something' type='text' /> <br/> ");
            sequence++;
        });

        $("form").submit(function(e){
            
            $('input[type=text]').each(function(){
               if($(this).val() == "") $(this).remove();
            });

            if( $('input[type=text]').size() >= 2  ){
               
              random_number = parseInt( Math.random() * $('input[type=text]').size() );

                alert(  $('input[type=text]:eq('+random_number+')').val()  );

             }else{
              alert("sorry you need at least 2 fields");

             }
              return false;
        });
      
    });
    
  </script>

【讨论】：

谢谢，这是我想做的一件事，但现在我想要如果你点击提交表单按钮，它会显示 innerHTML 中的所有输入之一。（只有在填写 2 个或更多输入字段时才有效）
再次感谢，但它必须说输入之一，而不是输入的多少。假设我有 2 个字段并在第一个字段中键入 Hello，在第二个字段中键入 LOL 和第二个......它必须说 Hello 或 LOL。输入之一。它必须是随机的......