Javascript 单击anchar标记时将值打印到特定表单文本框值

我将下面的动态div标记结构转换为一个表单。我想在单击特定链接时，将一个值打印到所有字段中的特定文本字段值中。我已经把代码写在下面了

<div id="main">
  <a href="some url" id="my_id-0">click</a>
  <div>
    <input type="textbox" id="my-input-0" class="input-class" value=""/>
  </div>
</div>
<div id="main">
  <a href="some url" id="my_id-1">click</a>
  <div>
    <input type="textbox" id="my-input-1" class="input-class"value="" />
  </div>
</div>
<div id="main">
  <a href="some url" id="my_id-2">click</a>
  <div>
    <input type="textbox" id="my-input-2" class="input-class" value=""/>
  </div>
</div>

我真正想要的是，

---

如果单击了id为my_id-0的链接，则应以动态方式为单击链接附近的文本框添加一个值。如何做到这一点？

首先

id

s在html代码中应该是唯一的，所以删除它并使用类，如下所示：

<div class="main">
  <a href="some url" id="my_id-0">click</a>
  <div>
    <input type="textbox" id="my-input-0" class="input-class" value=""/>
  </div>
</div>
<div class="main">
  <a href="some url" id="my_id-1">click</a>
  <div>
    <input type="textbox" id="my-input-1" class="input-class"value="" />
  </div>
</div>
<div class="main">
  <a href="some url" id="my_id-2">click</a>
  <div>
    <input type="textbox" id="my-input-2" class="input-class" value=""/>
  </div>
</div>

---

您可以使用最近的，并且ID应该是唯一的

$(document).ready(function(){
      $('a').click(function(e){
         e.preventDefault();
         $(this).closest('input[type="text"]').val($(this).attr("href"));
      });
   });

---

下面的代码对我有用

我的jaquery

jQuery(document).ready(function($){
      $('a').click(function(e){
         e.preventDefault();
         $(this).next().find('.input-class').val('your print value');
      });
   });

我的html

<div id="main">
  <a href="some url" id="my_id-0">click</a>
  <div>
    <input type="textbox" id="my-input-0" class="input-class" value=""/>
  </div>
</div>
<div id="main">
  <a href="some url" id="my_id-1">click</a>
  <div>
    <input type="textbox" id="my-input-1" class="input-class"value="" />
  </div>
</div>
<div id="main">
  <a href="some url" id="my_id-2">click</a>
  <div>
    <input type="textbox" id="my-input-2" class="input-class" value=""/>
  </div>
</div>

---

谢谢大家的回复。

我认为这是jquery的一个基本用法，您应该先自己学习。@fish\u-ball使用常规JS也很简单。不过，jQuery将变得更短，更容易键入。不管是什么情况，解决方案都是微不足道的。

jQuery(document).ready(function($){
      $('a').click(function(e){
         e.preventDefault();
         $(this).next().find('.input-class').val('your print value');
      });
   });

<div id="main">
  <a href="some url" id="my_id-0">click</a>
  <div>
    <input type="textbox" id="my-input-0" class="input-class" value=""/>
  </div>
</div>
<div id="main">
  <a href="some url" id="my_id-1">click</a>
  <div>
    <input type="textbox" id="my-input-1" class="input-class"value="" />
  </div>
</div>
<div id="main">
  <a href="some url" id="my_id-2">click</a>
  <div>
    <input type="textbox" id="my-input-2" class="input-class" value=""/>
  </div>
</div>