如何根据dropbox的选择禁用特定的输入文本

How to disable a specific input text acording to the dropbox selection?

本文关键字：输入 文本 选择 何根 dropbox      更新时间：2023-09-26
<?php    
<SCRIPT LANGUAGE="JavaScript"><!--
    function codename() {
        if(document.Tipo.Tipo.value="1"){
            document.formname.nome.disabled="disable";
        }
        else {
            document.formname.nome.disabled="enable";
        }
    }
//-->
</SCRIPT>
<html>
<body>
    <form action ="registoDois.php" Method="post" align="center" name="formname">
    <table align="center">
            <td class="float-right">Tipo de conta:</label></td>
            <td>
            <select name="Tipo" id="Tipo">
                <option value="">Tipo:</option>
                <option value="1">Aluno</option>
                <option value="2">Professor</option>
                <option value="3">Admin</option>
            </select>

        <tr>
            <td class="float-right">Nome:</label></td>
            <td><input type="text" placeholder="Bruno" id="firstname" name="nome"  /></td>
        </tr>
    </table>
</form>
</html>
</body>
?>

我有一个dropbox和一个输入文本的形式，应该禁用根据选择在dropbox。例如，如果用户选择值为"1"的"Aluno"，javascript应该从用户输入中禁用输入文本"name"，但如果用户从dropbox中选择另一个选项，则输入文本名称是启用的。

为选择框添加onchange .

<select name="Tipo" id="Tipo" onchange="codename();">
    <option value="">Tipo:</option>
    <option value="1">Aluno</option>
    <option value="2">Professor</option>
    <option value="3">Admin</option>
</select>

你缺少<label>标签，<tr>标签和更多。你真的需要确保你的html在添加javascript之前是有效的。

查看此jsfiddle查看html和javascript的工作版本:http://jsfiddle.net/dovereem/L7wsa/2/

相关文章：