<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写都行。

解决方案 »

  1.   

    <html>
    <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>