当前位置: 代码迷 >> ASP.NET >> 求 一段简单的JS 分不多。希望大家帮忙。多谢
  详细解决方案

求 一段简单的JS 分不多。希望大家帮忙。多谢

热度:8964   发布时间:2013-02-26 00:00:00.0
求 一段简单的JS 分不多。希望大家帮忙。谢谢
现在有服务器控件DropDownList,TextBox   各一个。使用JS实现以下功能:
当DropDownList的选择的value值为2的时候。TextBox   为不可编辑状态。当DropDownList的选择的value值为1的时候。TextBox   为可编辑状态。     希望能给代码片断。谢谢。

------解决方案--------------------------------------------------------
假设dropdownlist的ID为 "ddl ",TextBox的ID为 "txtBox "

if(document.getElementById( "ddl ").options[document.getElementById( "ddl ").selectedIndex].value == 1)
{
document.getElementById( "txtBox ").setAttribute( "disabled ", "true ");
document.getElementById( "txtBox ").disabled = true;

}
else
{
try
{
document.getElementById( "txtBox ").removeAttribute( "disabled ");
}
catch(e){}

}
------解决方案--------------------------------------------------------
给DropDownList加上onchang客户端事件

function changSelect()
{
var sel=document.getElementById( ' <%=DropDownList1.ClientID%> ');
var txt=document.getElementById( ' <%=TextBox1.ClientID%> ');

if(sel.options[sel.selectedIndex].value==1) txt.enable=true;
else if(sel.options[sel.selectedIndex].value==2) txt.enalbe=false;

}
------解决方案--------------------------------------------------------
disable吧
------解决方案--------------------------------------------------------

没有实现功能。。补充一下 。选择DropDownList之后是在不刷新页面的情况下 实现上述功能的。求高手解答。明早结贴。。


==============================================================

disabled = true 激活 为不可编辑

JS 一般都是不刷新

你还是多看看书吧
------解决方案--------------------------------------------------------
服务器端

DropDownList1.Attributes[ "onchange "]= "changeHandler(this); ";

客户端
---------
<script type= "text/javascript ">
function changeHandler(obj){
document.getElement( "文本框ID ").disabled = obj.value== "2 ";
}
</script>
  相关解决方案