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 > <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"){
//ElementById("search_content_id").
$("#search_content_id")[0].placeholder="时间格式：20150923";input标签placeholder属性
}else if(selected=="order_id"){
$("#search_content_id")[0].placeholder="";
}
});
});
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。