8.0w+
社区成员
<s:select>下拉列表如何实现只读显示 ?
我想实现的功能是：
下拉列表有默认的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>
下拉列表有默认的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>
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
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>
引用 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>
看我百度博文，有解答。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";
}
}
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";
}
}
eemean 2010-09-22
onchange="this.value=#originalValue"
zn85600301 2010-09-22
readOnly=true 若不行的话 考虑将下拉框的下拉事件注销掉
xue08161981 2010-09-22
readOnly=true
wangpengfeiitta 2010-09-22
readOnly=true
aixianlinger 2010-09-22
[Quote=引用 5 楼 xue08161981 的回复:]
readOnly=true
[/Quote]
<s:select>标签是没有readOnly这个属性的，只有disable
微甜灬呼吸 2010-09-22
readonly=readOnly
RainOnly 2010-09-22
学习...
funfun5433 2010-09-21
自己用div模拟select
sachmx1234 2010-09-21
readOnly?
boyhyc 2010-09-21
能看不能选？ 期待高手解答……
JS Select下拉框(支持输入模糊查询) 本文实例为大家分享了支持输入模糊查询的Select下拉框，供大家参考，具体内容如下 <;html> <;head> <;meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <;title>Insert ...
Mysql Workbench使用教程 <;1> MySQL Workbench MySQL Workbench 为数据库管理员、程序开发者和系统规划师提供可视化的Sql开发、数据库建模、以及数据库管理功能。 <;2>.MySQL Workbench 的下载和安装 （1）安装最新MySql时，...
C#基础教程-c#实例教程，适合初学者 增加安全：C#语言不支持指针，一切对内存的访问都必须通过对象的引用变量来实现，只允许访问内存中允许访问的部分，这就防止病毒程序使用非法指针访问私有成员。也避免指针的误操作产生的错误。CLR执行中间语言...
JS——表单操作及select多级联动下拉列表 JS——表单操作 一、获取表单元素 1、获取页面所有表单元素：document.forms 使用document.forms返回的是一个... <;form> <;input type="text" /> <;input type="password" /> <;input t
Boostrap 使用select和option标签实现下拉菜单 Boostrap 使用select和option标签实现下拉菜单 Bootstrap官网实现下拉菜单使用的是dropdown组件，下面是Bootstrap的一个示例： <;!DOCTYPE html> <;html lang="en"> <;head> <;meta charset="UTF...
文本框、选项下拉列表里的几个属性与select方法 文本框里的几个属性： value:设置文本框里的初始文字。 disabled：默认为false 当为true时该文本框禁用。 readOnly：默认为false 当为true时...gt; <html> <head> <meta c...
关于下拉列表select的控制问题 我要做一个用户权限批量选择设置每个用户权限下拉列表为<select name="gy_select"> <option value="1">默认</option> <option value="...
vue自定义指令实现下拉列表加载更多 <;template> <;div class="content"> <;el-select v-model="value" v-el-select-loadmore="loadMore()" placeholder="请选择"> <;el-option v-for="(item,index) in list.slice(0,rangeNumber...
layui 自定义动态添加select下拉菜单中的内容展示 <;div class="layui-input-inline"> <;select name="warehouse" lay-verify="required" lay-filter="warehouse" id="warehouse"> <;option value="">选择仓库<;/option&g...
第二章 网站开发基础之HTML教程 - 二、常用HTML标签：select，下拉选择框（内联元素） 2.select，下拉选择框（内联元素） <;!DOCTYPE HTML> <;html> <;head> <;meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <;title>select标签<;/title> <;/...
js Select下拉框的只读属性设置 但是用disabled就无法将下拉框中的数据读出来，所以要想办法将select下拉框设置成只读的。 将select下拉框设置成readonly 的两种办法。 第一种： <script>var f=s.selectedIndex</script&...
小白IT:如何快速写出一个前端页面（网页），Python中如何使用前端语言什么是？JavaScript？BOM&DOM？Bootstrap？？ s.concat(‘xx’);得到helloxx 拼接 .indexOf(substring, start) #这个start是从索引几开始找，没有返回-1 子序列位置 .substring(from, to) #不支持负数，所以一般都不用它，了解一下就行了 根据索引获取子序列 ....
vue 自定义select组件（可清除，超出滚动,禁用） input为只读，获取焦点展开下拉列表 鼠标划出下拉框收缩列表 数据如果为后台拉取，需要监听下拉项，重新设置 input在有值的情况下，如果设置了清除，可以清除 借助el-scroll-bar 实现下拉项超出滚动 为了遍历对象的...
Web开发——HTML基础（HTML表单/下拉列表/多行输入） 参考： ...1、<;form> 元素 1.1 <;input> 元素（输入属性） （1）属性包括 （2）HTML5 <;input>元素属性 1.2 文本输入 1.3 密码输入 1.4 单选按钮输入 1.5 复选按...
select标签使用技巧 前台jsp可构造动态下拉： <;select class="chosen-select form-control" name="BIANMA" id="bm_id" data-placeholder="请选择贷款银行" style="vertical-align:top;" style="width:98%;" > <;option ...
第一阶段：前端开发_HTML表单&CSS 2018-04-01 HTML表单&CSS 一、表单介绍 1.... 需要提交到服务器端的表单标签必须使用<;form><;/form>... <;form action="" method="">... <;...--此处内容可能被提交到服务器-->...
设置下拉框为只读 下拉框没有readonly=”readonly”...select onfocus="this.defaultIndex=this.selectedIndex" onchange="this.selectedIndex=this.defaultIndex"><;/select>;给下拉框设置这二个属性可以起到只读的效果，即使...
