jquery复制提交值到文本输入_Jquery

jquery复制提交值到文本输入

jquery

jquery复制提交值到文本输入,jquery,Jquery,在我的网站上，我有一个输入文本字段，用户可以在其中输入关键字，旁边有一个提交按钮，用于提交输入的关键字 <input type="text" name="keyword" id="keyword"> <input type="submit" id="analyse" value="Analyse"> 必须有一种更有效的方法。使用循环： for（var i=1；i更改您的 <input type="submit" id="keyword1" value="Examp

在我的网站上，我有一个输入文本字段，用户可以在其中输入关键字，旁边有一个提交按钮，用于提交输入的关键字

<input type="text" name="keyword" id="keyword">
<input type="submit" id="analyse" value="Analyse">

必须有一种更有效的方法。

使用循环：

for（var i=1；i更改您的
<input type="submit" id="keyword1" value="Example Keyword 1">

JavaScript
<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

    <script src="script.js"></script>
    <script type="text/javascript">
      $(function(){
          $('.examples input').click(function(e){
            $('#keyword').val($(this).val());
            $('#analyse').click();
          });
        });
    </script>
  </head>

  <body>
    <form>
      <input type="text" name="keyword" id="keyword">
      <input type="submit" id="analyse" value="Analyse">

    </form>
    <div class="examples">
      <input type="submit" id="keyword1" value="Example Keyword 1">
      <input type="submit" id="keyword2" value="Example Keyword 2">
      <input type="submit" id="keyword3" value="Example Keyword 3">
      <input type="submit" id="keyword4" value="Example Keyword 4">
      <input type="submit" id="keyword259" value="Example Keyword 259">
      <input type="submit" id="keyword260" value="Example Keyword 260">
    </div>
  </body>

</html>

我们使用examples
类将所有示例组织到一个div
中，这允许我们执行上述jQuery选择器
<div class="examples">
    <input type="submit" id="keyword1" value="Example Keyword 1">
    <input type="submit" id="keyword2" value="Example Keyword 2">
    <input type="submit" id="keyword3" value="Example Keyword 3">
    <input type="submit" id="keyword4" value="Example Keyword 4">
    <input type="submit" id="keyword259" value="Example Keyword 259">
    <input type="submit" id="keyword260" value="Example Keyword 260">
</div>


为什么不直接选择“通过输入类型提交”？您能给关键字建议输入框一个类吗？这样您就可以按类而不是单个ID引用它们。
<input type="submit" id="keyword1" value="Example Keyword 1">

    <input type="button" class="keywordSuggestion" value="Example Keyword 1">
    <input type="button" class="keywordSuggestion" value="Example Keyword 2">
    <input type="button" class="keywordSuggestion" value="Example Keyword 3">
....
    <input type="button" class="keywordSuggestion" value="Example Keyword 260">

$('.keywordSuggestion').click(function(){ $('#keyword').val($(this).val());});

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

    <script src="script.js"></script>
    <script type="text/javascript">
      $(function(){
          $('.examples input').click(function(e){
            $('#keyword').val($(this).val());
            $('#analyse').click();
          });
        });
    </script>
  </head>

  <body>
    <form>
      <input type="text" name="keyword" id="keyword">
      <input type="submit" id="analyse" value="Analyse">

    </form>
    <div class="examples">
      <input type="submit" id="keyword1" value="Example Keyword 1">
      <input type="submit" id="keyword2" value="Example Keyword 2">
      <input type="submit" id="keyword3" value="Example Keyword 3">
      <input type="submit" id="keyword4" value="Example Keyword 4">
      <input type="submit" id="keyword259" value="Example Keyword 259">
      <input type="submit" id="keyword260" value="Example Keyword 260">
    </div>
  </body>

</html>

//On Document.Ready
$(function(){
    //Bind to when in the class examples an input is clicked
    $('.examples input').click(function(e){
        //Set the value of the element with id keyword to the element that was clicked value
        $('#keyword').val($(this).val());
        //Click the element with id analyse
        $('#analyse').click();
    });
});

<div class="examples">
    <input type="submit" id="keyword1" value="Example Keyword 1">
    <input type="submit" id="keyword2" value="Example Keyword 2">
    <input type="submit" id="keyword3" value="Example Keyword 3">
    <input type="submit" id="keyword4" value="Example Keyword 4">
    <input type="submit" id="keyword259" value="Example Keyword 259">
    <input type="submit" id="keyword260" value="Example Keyword 260">
</div>