怎么让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见
日期：2014-05-18 浏览次数：20992 次
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
------解决方案--------------------
貌似使用disable属性，具体位置回去研究
先up一下
------解决方案--------------------
<select>
<option>1</option>
<option class="自己写一个变灰的新式" value="noselected">2</option>
</select>
判断值，如果是这个值就不让它选中
------解决方案--------------------
哥们儿，我帮你，全部代码如下：
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<STYLE>
.color1 {
color:#CCCCCC;
cursor: text;
}
.color0 {
color:black;
cursor: text;
}
</STYLE>
<script>
function checkSelect(Index)
{
var obj=document.getElementById("DropDownList1");
if(obj.options[Index].className=="color1")
{
alert("不能选");
obj.selectedIndex=0;
}
}
</script>
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server" onchange="javascript:checkSelect(this.selectedIndex);">
<asp:ListItem value="aaaaaa" class="color0">aaaaaa</asp:ListItem>
<asp:ListItem value="bbbbbb" class="color1">aaaaaa</asp:ListItem>
<asp:ListItem value="ccccc" class="color0">aaaaaa</asp:ListItem>
<asp:ListItem value="dddddd" class="color0">aaaaaa</asp:ListItem>
</asp:DropDownList></div>
</form>
</body>
</html>
------解决方案--------------------
补充一下，需要在后台添加给Class负值的方法，动态实现不可选项。
另：js代码可以添加0选项是否不让选的判断。建议While循环吧
大家多提宝贵意见
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
如何让下拉框DropDownList 部分可选部分不可选，不可选的变灰可以看见。10
------解决方案--------------------
貌似使用disable属性，具体位置回去研究
先up一下
------解决方案--------------------
<select>
<option>1</option>
<option class="自己写一个变灰的新式" value="noselected">2</option>
</select>
判断值，如果是这个值就不让它选中
------解决方案--------------------
哥们儿，我帮你，全部代码如下：
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<STYLE>
.color1 {
color:#CCCCCC;
cursor: text;
}
.color0 {
color:black;
cursor: text;
}
</STYLE>
<script>
function checkSelect(Index)
{
var obj=document.getElementById("DropDownList1");
if(obj.options[Index].className=="color1")
{
alert("不能选");
obj.selectedIndex=0;
}
}
</script>
<title>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:DropDownList ID="DropDownList1" runat="server" onchange="javascript:checkSelect(this.selectedIndex);">
<asp:ListItem value="aaaaaa" class="color0">aaaaaa</asp:ListItem>
<asp:ListItem value="bbbbbb" class="color1">aaaaaa</asp:ListItem>
<asp:ListItem value="ccccc" class="color0">aaaaaa</asp:ListItem>
<asp:ListItem value="dddddd" class="color0">aaaaaa</asp:ListItem>
</asp:DropDownList></div>
</form>
</body>
</html>
------解决方案--------------------
补充一下，需要在后台添加给Class负值的方法，动态实现不可选项。
另：js代码可以添加0选项是否不让选的判断。建议While循环吧
大家多提宝贵意见
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
