Question

我有以下HTML：

<span style="margin-top: -2px;">    
    <select id="selectID" style="width: 150px">
    <option value="customerID">Customer ID</option>
        <option value="ECPDProfileID">ECPD Profile ID</option>
</select>

</span>

<input type="text" id="customerProfileID" placeholder="here"/>

我试图根据select选项中选择的值更改占位符值。

我为此尝试了以下jQuery代码：

<script type="text/javascript">
  $(document).ready(function(){
      var v = $("#selectID").val();
  $("#customerProfileID").attr('placeholder', v);
  });
</script>

当页面第一次加载时，此代码仅更改占位符的值一次，因为我知道我将其保留在文档就绪函数中。我想根据select选项中选择的值更改占位符的值。我是否需要进行另一次调用，或者可以从文档就绪功能或任何其他解决方案中进行？

Answer 1

将其放在$('#selectID').change

中

<script type="text/javascript">
  $(document).ready(function(){
    $('#selectID').change(function () {
      var v = $("#selectID").val();
      $("#customerProfileID").attr('placeholder', v);
    });
  });
</script>

Answer 2

这应该有效

<script type="text/javascript">
    $(document).ready(function(){
        $('#selectID').on('change', function(){
            $("#customerProfileID").attr('placeholder', $(this).val());
        });
    });
</script>

不工作：根据select选项中的选择值更改输入类型的占位符值

2 个答案: