JS動的リスニングselectタグを実装し、属性を変更する


直接Demo:機能:selectオプションをリスニングし、ドロップダウン・ボックスで「注文時間」を選択すると、後の入力ボックスにinputラベルのplaceholderプロパティを動的に更新する時間フォーマットのヒントが必要になります.
1.htmlコードは次のとおりです.
<select id="select_id" name="condition">
    <option id="order_id" value="order_id">   option>
    <option id="order_time" value="order_time">    option>
select>
<label style="letter-spacing:1px;"> <b>  b>label>
<input id="search_content_id" type="search"
       placeholder=""   name="search_content"  />

2.JSコードは以下の通りです.
<script type="text/javascript">
 $(document).ready(function(){
   $("#select_id").change(function(){
       var selected=$(this).children('option:selected').val()
      // alert(selected);
       if(selected=="order_time"){
           //document.getElementById("search_content_id").
           $("#search_content_id")[0].placeholder="    :20150923";
       }else if(selected=="order_id"){
           $("#search_content_id")[0].placeholder="";
       }
   });
}); 
 script>