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

[aixianlinger]

我想实现的功能是：
下拉列表有默认的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>

[boyhyc]

能看不能选？ 期待高手解答……

[sachmx1234]

readOnly?

[funfun5433]

自己用div模拟select

[RainOnly]

学习...

[微甜灬呼吸]

readonly=readOnly

[aixianlinger]

[Quote=引用 5 楼 xue08161981 的回复:]
readOnly=true
[/Quote]

<s:select>标签是没有readOnly这个属性的，只有disable

[wangpengfeiitta]

readOnly=true

[xue08161981]

readOnly=true

[zn85600301]

readOnly=true 若不行的话 考虑将下拉框的下拉事件注销掉

[eemean]

onchange="this.value=#originalValue"

[aixianlinger]

实现出来了，在加载这个页面的时候调用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";
}

}

[Zjmainstay]

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

[Zjmainstay]

[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]

[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>