下拉列表如何实现只读显示 ?

aixianlinger 2010-09-21 05:28:06

我想实现的功能是：
下拉列表有默认的selected 的值，并且该下拉列表是只读显示，只能看到下拉的内容，但是不能选。(不能用disable方法)谢谢了~~~~

1)
JSP页面的代码如下：
<s:select id="clientname" list="clientNameMap" name="contact.client.clientid" cssStyle="width:200px">
</s:select>
list="clientNameMap"是在action中从数据库中查询出来的。
name="contact.client.clientid"是Contact pojo类里面对应的Client类的clientid

2)
生成HTML代码如下：
<select name="contact.client.clientid" id="clientname" style="width:200px">
<option value="1">立海</option>
<option value="2" selected="selected">晴天麦子</option>
<option value="3">薇可旗舰</option>
</select>

...全文

996 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

Zjmainstay 2012-02-04

打赏
举报

[Quote=引用 13 楼 zjmainstay 的回复:]

引用 12 楼 zjmainstay 的回复:

看我百度博文，有解答。http://hi.baidu.com/zjmainstay0/blog/item/090fa50f6b96dad7a78669a9.html

全部代码：
<select id='select1' onchange="nochange(this);">

<option>1</option>

<op……
[/Quote]
改进一下：
<select id='select2' onchange="this.selectedIndex = 0;">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>

Zjmainstay 2012-02-04

打赏
举报

[Quote=引用 12 楼 zjmainstay 的回复:]

看我百度博文，有解答。http://hi.baidu.com/zjmainstay0/blog/item/090fa50f6b96dad7a78669a9.html
[/Quote]

全部代码：
<select id='select1' onchange="nochange(this);">

<option>1</option>

<option>2</option>

<option>3</option>

<option>4</option>

<option>5</option>

</select>

<script>

function nochange(td) {

td.selectedIndex = 0;

}

</script>

Zjmainstay 2012-02-04

打赏
举报

看我百度博文，有解答。http://hi.baidu.com/zjmainstay0/blog/item/090fa50f6b96dad7a78669a9.html

aixianlinger 2010-09-25

打赏
举报

实现出来了，在加载这个页面的时候调用JS，JS代码如下：
window.onload = function checkApplication(){
var clientElement = document.getElementById("clientname");
var colls = [];
//need to disable the all options
colls = clientElement.options;
for (var i = 0; i < colls.length; i++) {
var aoption = colls[i];
aoption.disabled = "disabled";
}

}