【问题标题】:How to disable a specific input text acording to the dropbox selection?如何根据 Dropbox 选择禁用特定的输入文本?
【发布时间】:2013-06-04 23:25:55
【问题描述】:
<?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>

?>

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

【问题讨论】:

  • 你得到什么错误
  • 在我的回答中添加了一个工作版本的 jsfiddle。那应该会让你继续前进..
  • @user2451445 不要忘记通过单击答案旁边的复选标记来接受对您的问题有帮助的答案。

标签: php javascript drop-down-menu


【解决方案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>

您还缺少&lt;label&gt; 标签、&lt;tr&gt; 标签等等。在添加 javascript 之前,您确实需要确保您的 html 有效。

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

【讨论】:

  • 感谢您所做的一切。那个文件澄清了我。当我在这里复制粘贴代码时,丢失的
猜你喜欢
  • 2018-07-21
  • 2020-03-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2022-09-23
  • 1970-01-01
  • 2020-09-18
  • 2017-08-09
相关资源
最近更新 更多