javascript - 我想设置一个文本框的 maxLength，这取决于用户对前一个文本框的回答

Question

所以基本上 HTML 表单会询问他们属于哪家公司，如果他们选择例如:-

<select name="catg" onchange='maxlength()'>
<option> Select..</option>
        <option value="stu">Uni Student</option>
        <option value="anothersstu">Student at another institution</option>
        <option value="staff">Uni Staff</option>
        <option value="other">other</option>

    </select><br />
    Student Number / Staff Number: <input type="text" name="ss"/> <br />

    function maxlength(){
    if(test.catg.selected=="stu"){
    test.ss.maxlength='8';
    .focus();
    .select();}
    return;
    }

如果用户选择 Uni student 或 Uni staff，Student Number/Staff Number 文本框的最大长度需要为 8。

我怎样才能做到这一点？我试过 onChange 但无法让它工作。

Answer 1

你可以这样做:

HTML:

<select id="select">
<option>Select..</option>
<option value="stu">Uni Student</option>
<option value="anothersstu">Student at another institution</option>
<option value="staff">Uni Staff</option>
<option value="other">other</option>
</select>
<br />Student Number / Staff Number:
<input type="text" id="txt" name="ss" />
<br />

JS:

 document.getElementById('select').onchange = (function(){
    if(this.value=="stu"){
     document.getElementById('txt').maxLength=8;
    }else{
     document.getElementById('txt').removeAttribute('maxLength');
    }
});

所以根据你的要求，做if else if条件

演示:http://jsfiddle.net/AmitJoki/8ZewM/2