日期:2014-05-19  浏览次数:20387 次

求 一段简单的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>