如何把select选项给只读,让他不可选,但数据还是保存在下拉表中

xinfang 2003-03-07 10:56:15
function deleteOption(src)
{
// src :select对象
var srcindex=eval(src.btype.selectedIndex); //当前选中的选项
var srclength=eval(src.btype.length); //select对象选项长度,有几个项选
// 删除...
//alert("sdf")
if (eval(src.choice.value)=="4")
{
//alert("sdf");
src.choice.display=false;

}
else
//alert("sdfsdf")
Src.choice.display=TRUE;

}


<form name= "serachform" method= post action= userlogin/search.asp >
<td>
<input name= keyword size=18 maxlength=80>
<select name= choice onclick="deleteOption(this.form)">
<option value= 1 selected>产    品</option>
<option value= 2 >公    司</option>
<option value= 3 >行情信息</option>
<option value= 4 >网    站</option>
</select>
<select name=btype style="width:202px">
<option value="0" selected>任何分类</option>
.....
</td>
</form>

为什么选择四他还是能选的,帮帮!
...全文
1196 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
fason 2003-03-08
  • 打赏
  • 举报
回复
你有没有试过我的代码?
只有先第四项时btype不可选
其它的都可以
xinfang 2003-03-08
  • 打赏
  • 举报
回复
好像不行哟,我本身子select是从数据中取出来的数据,在下拉表中,但我点击父select共中一项时要把子selec不可选
如选一,则子select让他正常运行,下拉可选
如果选四则子select 让他不可选(或把子select这个框件给藏起来也可以)
如果又选一或二或三则让子select又可以正常选择
不知大家是否明白,很感谢帮忙
fason 2003-03-07
  • 打赏
  • 举报
回复
那我就盗用一下上面的罗
那一段可改为
if (eval(src.choice.value)=="4")
{
//alert("sdf");
src.btype.className="readonly";

}
else
//alert("sdfsdf")
src.btype.className="";
}
meizz 2003-03-07
  • 打赏
  • 举报
回复
当然还有这种用CSS实现的方法

<style>
select.readonly{meizz:expression(selectedIndex=0)}
</style>

<select class="readonly">
<option>1</option>
<option>2</option>
</select>

<select>
<option>1</option>
<option>2</option>
</select>
meizz 2003-03-07
  • 打赏
  • 举报
回复
select 没有 readOnly 只有disabled
给你一种变相的 select 只读的实现
<select onchange="this.selectedIndex=1">
<option>1</option>
<option selected>2</option>
<option>3</option>
</select>
fason 2003-03-07
  • 打赏
  • 举报
回复
很多地方写错了,你看看是不是你要的先
fason 2003-03-07
  • 打赏
  • 举报
回复
<script>
function deleteOption(src)
{
// src :select对象
var srcindex=eval(src.btype.selectedIndex); //当前选中的选项
var srclength=eval(src.btype.length); //select对象选项长度,有几个项选
// 删除...
//alert("sdf")
if (eval(src.choice.value)=="4")
{
//alert("sdf");
src.btype.disabled=true;

}
else
//alert("sdfsdf")
src.btype.disabled=false;

}
</script>

<form name= "serachform" method= post action= userlogin/search.asp >
<table>
<td>
<input name=keyword size=18 maxlength=80>
<select name=choice onclick="deleteOption(this.form)">
<option value=1 selected>产    品</option>
<option value=2 >公    司</option>
<option value=3 >行情信息</option>
<option value=4 >网    站</option>
</select>
<select name=btype style="width:202px">
<option value="0" selected>任何分类</option>
.....
</td>
</form>
xinfang 2003-03-07
  • 打赏
  • 举报
回复
Src.choice.display=TRUE;
改为Src.choice.disabled=TRUE;
也不行

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧