Question

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="search" id="search">
</form>
<select id="mySelect">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>

＆＃13;

UIAlertController

＆＃13;

对你来说这将是一个简单的解决方案，但我只是坚持这一点。为什么占位符不会更新选项值？

Answer 1

如上所述，您的代码仅在页面加载后运行一次。要在更改选择时使其运行，请添加一个事件侦听器以使用新值重新运行代码。

$(function() {
  function setPlaceholder() {
    var myOption= $("#mySelect option:selected").val();
    $("#search").attr("placeholder", myOption);  
  }
  setPlaceholder();
  $("#mySelect").change(setPlaceholder);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
<input type="search" id="search">
</form>
<select id="mySelect">
  <option value="1">First</option>
  <option value="2">Second</option>
  <option value="3">Third</option>
  <option value="4">Fourth</option>
</select>

占位符不会更新选项值

1 个答案: