<table>
<tr><td>
<select id="sel" onchange="selChange(this)">
<option value="1">是</option>
<option value="0">否</option>
</select>
</td><td>
<input type="text" id="str" class="_dateDown"/>
</td>
</tr>
</table>
如上面的例子,当我下拉选择“是”的时候,text日期变成可选的,如果否的时候text日期是只读的。
//text日期是指输入日期形式的,_dateDown是日期控件,所以设置只读的时候要把td都控制住。
可以用JS或者jQuery写都行。
<tr><td>
<select id="sel" onchange="selChange(this)">
<option value="1">是</option>
<option value="0">否</option>
</select>
</td><td>
<input type="text" id="str" class="_dateDown"/>
</td>
</tr>
</table>
如上面的例子,当我下拉选择“是”的时候,text日期变成可选的,如果否的时候text日期是只读的。
//text日期是指输入日期形式的,_dateDown是日期控件,所以设置只读的时候要把td都控制住。
可以用JS或者jQuery写都行。
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
</head>
<body>
<table>
<tr><td>
<select id="sel">
<option value="1">是</option>
<option value="0">否</option>
</select>
</td><td>
<input type="text" id="str" class="_dateDown"/>
</td>
</tr>
</table>
<script>
$(document).ready(function() {
$("#sel").change(function() {
$("#str").attr("disabled", $(this).val() == "0");
});
});
</script>
</body>
</html>