现在有服务器控件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>