1

私は次の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"/>

選択オプションで選択した値に従ってプレースホルダー値を変更しようとしました。

私はこれのために次のjQueryコードを試しました：

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

このコードは、ページが最初に読み込まれるときにプレースホルダーの値を1回だけ変更します。これは、ドキュメントの準備ができた関数内に保持していることがわかっているためです。選択オプションで選択した値に応じて、プレースホルダーの値を変更したかったのです。別の呼び出しを行う必要がありますか、それともドキュメントレディ関数内から実行できますか、または他のソリューションですか？

4

2 に答える 2

1

中に置く$('#selectID').change

<script type="text/javascript">
  $(document).ready(function(){
    $('#selectID').change(function () {
      var v = $("#selectID").val();
      $("#customerProfileID").attr('placeholder', v);
    });
  });
</script>
于 2013-02-18T16:54:28.400 に答える
1

これはうまくいくはずです

<script type="text/javascript">
    $(document).ready(function(){
        $('#selectID').on('change', function(){
            $("#customerProfileID").attr('placeholder', $(this).val());
        });
    });
</script>
于 2013-02-18T16:57:56.677 に答える