Javascript启用文本框下拉更改事件

本文关键字：事件 启用 文本 Javascript | 更新日期: 2023-09-27 18:10:59

我有五个下拉框和五个文本框，我正在检查任何下拉框的点击，相应的文本框应该通过javascript在asp.net中使用母版页启用/禁用例如:如果我选择dropdownlist1，那么texbox1应该被启用，对于一个文本框它的工作如何使它为五个文本框工作

 function HideTextBox(ddlId) {
        var ControlName = document.getElementById(ddlId.id);
        if (ControlName.value == 0)  
        {
            document.getElementById('<%=txtComment1.ClientID%>').disabled = true;
        }
        else {
            document.getElementById('<%=txtComment1.ClientID%>').disabled = false;
        }
    }

Javascript启用文本框下拉更改事件

你可以使用JQuery，这是更好的方式。为每个textBox设置两个类，第一个是。textbox1 .myTexts，第一个类必须包含文本框的id。例如。textbox1、。textbox2等。你的dropbox值必须只包括文本框的id。

$(document).ready(function(){
   $("#dropBoxID").change(function(){
      $(".myTexts").attr('disabled','disabled');
      $(".textBox"+$(this).val()).removeAttr("disabled")
   });
});

试试这个http://jsfiddle.net/3WJtM/

function HideTextBox(ddlId) {  
    var ControlName = document.getElementById(ddlId.getAttribute("id"));
    var idTxt = ControlName.getAttribute("txt");
        if (ControlName.value == 0)  
        {
            document.getElementById(idTxt).disabled = true;
        }
        else {
            document.getElementById(idTxt).disabled = false;
    } 
}

在每个选择对象上，添加一个带有输入文本名称的属性TXT在javascript中，您可以在此文本框中搜索启用或禁用

例如

<select id="ddl1" txt="txt1"  onchange="HideTextBox(this);" >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<input type="input" id="txt1" disabled/>
相关文章：