JS動的リスニングselectタグを実装し、属性を変更する
3644 ワード
直接Demo:機能:selectオプションをリスニングし、ドロップダウン・ボックスで「注文時間」を選択すると、後の入力ボックスにinputラベルのplaceholderプロパティを動的に更新する時間フォーマットのヒントが必要になります.
1.htmlコードは次のとおりです.
2.JSコードは以下の通りです.
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>