Question

我有多个input，其中有不同的data-id。

如果单击输入，我想更改该输入的值。我尝试了一下，但是没有用，我进行了搜索，但是找不到解决方案。

<script>
$('[data-id]').click(function() {
  $(this).attr('data-id').parent().value("changed value successfully!");
  //I tried this one below as well
  //$(this).attr('data-id').parent().input.value("changed value successfully!");
});
</script>

<div>
   <input type="submit" data-id="1" value="hello world">
</div>
<div>
   <input type="submit" data-id="2" value="hello world">
</div>
<div>
   <input type="submit" data-id="3" value="hello world">
</div>

有人知道我该如何解决吗？

谢谢

Answer 1

MessageFactory

$('input[data-id]').click(function() {
   $(this).val("changed value successfully!");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
   <input type="text" data-id="1" value="hello world">
</div>
<div>
   <input type="text" data-id="2" value="hello world">
</div>
<div>
   <input type="text" data-id="3" value="hello world">
</div>

使用jQuery更改输入值

1 个答案: