如何根据保管箱选择禁用特定输入文本?

时间:2013-06-04 11:27:49

标签: php javascript drop-down-menu

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

?>

我有一个表格中的保管箱和输入文字,应该根据保管箱中的选项禁用。例如,如果用户选择值为“Aluno”的“1”,则javascript应禁用用户输入的输入文本“name”,但如果用户从中选择了另一个选项dropbox输入文本名称已启用。

1 个答案:

答案 0 :(得分:1)

在选择框中添加一个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>代码等。在添加javascript之前你真的需要确保你的html是有效的..

检查此jsfiddle以获取html和javascript的有效版本:http://jsfiddle.net/dovereem/L7wsa/2/