Question

我想设置输入aria-control值。但是我无法使用传统的jQuery方式来实现它。

我的代码就是这个：

＆＃13;

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

＆＃13;

<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">

＆＃13;

如何设置值？

Answer 1

像这样改变选择器。你的选择器目标是id而不是aria-controls所以使用attr selector。输入没有text()属性所以改为{{1 }}

＆＃13;

val()

＆＃13;

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

＆＃13;

以下<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而不是内联点击功能。这样点击功能就像这样

＆＃13;

addeventlistener

＆＃13;

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

＆＃13;

Answer 2

使用attr selector

选择具有指定属性的元素，其值完全等于某个值。

$( "input[aria-controls='example']").val(message);

Answer 3

您可以使用

<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">

希望这有帮助！

将值设置为aria-controls输入

3 个答案: