Question

如何设置select只读不可编辑且select的值可传递

Answer 1

1. <select style="width:195px" name="role" id="role" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;">

这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是下拉并单并选择之后，它不会鸟你，选了和没有选一样一样的。就是无视客户的选择。

2.设置disabled属性<select style="width:195px" name="role" id="role" disabled="disabled">

这个看起来更直接，直观就是有只读的感觉，也不可以点击和下拉了。里面的字也会变成灰色

当属性设置为"disabled"时，提交表单时，select的值无法传递，提交前移除disabled属性$("#role").removeAttr("disabled");

jquery添加属性$("#role").attr("disabled","disabled");

Answer 2

尝试在option标签的onclick事件处理函数中加入：
{
evt=evt||window.event;//取Event对象
if(flag==1)//你判断是否只读的标志
{
if(evt.preventDefault)
{
evt.preventDefault();//阻止默认的行为发生
}
else
{
evt.returnValue=false;
}
//下面写自己的处理方法
}
}