请给我帮忙写段脚本代码啊,在下面的html代码下拉框中,当用户选择是的时候才可以让用户在后面的离职时间的两个文本框中输入内容,如果当用户选择否的话,则不允许用户在后面离职时间的两个文本框中输入内容,谢谢!!
是否离职:
<select>
<option value=""> </option>
<option value="1">是</option>
<option value="2">否</option>
</select>
&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp离职时间:
<input type="text" name="lzsj_ks" >
&nbsp&nbsp至&nbsp&nbsp
<input type="text" name="lzsj_js" >

解决方案 »

  1.   

    搜索: select onchange事件,input disable, readonly
      

  2.   


            function selectType() {
                var type = document.getElementById("type");
                var sdate = document.getElementById("lzsj_ks");
                var edate = document.getElementById("lzsj_js");
                switch (type.selectedIndex) {
                    case 1:
                        sdate.disabled = edate.disabled = "";
                        break;
                    case 2:
                        sdate.disabled = edate.disabled = "disabled";
                        break; 
                        
                }
            }<select id="type" onchange="selectType()">
            <option value=""></option>
            <option value="1">是</option>
            <option value="2">否</option>
        </select>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp离职时间:
        <input type="text" name="lzsj_ks" id="lzsj_ks" disabled="disabled" />
        &nbsp&nbsp至&nbsp&nbsp
        <input type="text" name="lzsj_js" id="lzsj_js"  disabled="disabled" />
      

  3.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>csdn_test</title>
    <script src="jquery-1.3.2.js"></script>
    <script type="text/javascript">   
    $(document).ready(function(){
    $("select").change(function(){
    var value = $("select option:checked").val();
    if(value =="1"){
    $("input[type=text]").attr("readonly",false);
    }else if(value =="2"){
    $("input[type=text]").attr("readonly",true);
    }else{

    }
    });
    });
    </script>  
    </head><body>
     是否离职:
        <select>
            <option value=""> </option>
            <option value="1">是</option>
            <option value="2">否</option>
        </select>
        &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp离职时间:
        <input type="text" name="lzsj_ks" >
        &nbsp&nbsp至&nbsp&nbsp
        <input type="text" name="lzsj_js" >
    </body>
    </html>
    我用的是jquery,不可以的话,我用js也行