将值设置为 aria-controls 输入

Question

我想设置一个输入 aria-control 值。但是我不能使用传统的 jQuery 方式来做到这一点。

我的代码是这样的：

function showMessage() {
  var message = jQuery("#textToDisplay").val();
  $("#example").text(message);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textToDisplay" />
<input type="button" value="Add message" onClick="showMessage()" />
<input aria-controls="example" type="text">

如何设置值？

Answer 1

像这样更改选择器。您的选择器目标id不是aria-controls与attr 选择器一起使用。此外，输入没有text()属性，因此更改为val()

function showMessage() {
 var message = jQuery("#textToDisplay").val();
 $("input[aria-controls=example]").val(message);
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textToDisplay" />
<input type="button" value="Add message" onClick="showMessage()" />
<input aria-controls="example" type="text">

对于下面的Terry评论使用addeventlistener而不是内联点击功能。像这样在 dom 中执行点击功能

$('#click').click(function() {
  var message = jQuery("#textToDisplay").val();
  $("input[aria-controls=example]").val(message);
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="textToDisplay" />
<input type="button" id="click" value="Add message">
<input aria-controls="example" type="text">