转:http://blog.chinaunix.net/u/25102/showart_192741.html
<!--=======一段判断到底是哪个select的option被选中的代码================-->
<form name="form1">
<select name="file_source" size="1" id="file_source"
onChange="alert(document.form1.file_source.options[
document.form1.file_source.selectedIndex].value)">
<option value="选定" selected>选定</option>
<option value="办公室">办公室</option>
<option value="机房">机房</option>
<option value="教研室">教研室</option>
<option value="开发室">开发室</option>
</select>
</form>
<!--=================================================================-->
应用:
//tb2,th1为css定义内容
//<select>中的
<table border="i" cellpadding="3" cellspacing="1" align="center" class="tb2"
bordercolor="#666666">
<tr><th colspan="2" class="th1">编辑页面<th></tr>
<tr>
<th>标记</th>
<td>
<spring:bind path="obj.map['FLAG']">
<select name='<c:out value="${status.expression}"/>'>
<option value="0"
<c:if test="${status.value==0}">selected</c:if>>自动
</option>
<option value="1"
<c:if test="${status.value==1}">selected</c:if>>手动
</option>
</select>
</spring:bind>
</td>
</tr>
<tr>
<th colspan="2">
<input type="hidden" name="页面号" value="1"/>
<input type="submit" value="保存" />
<input type="button" value="返回"
onClick="location.href='main.do?页面号=1">
</th>
</tr>
</table>
<!--
关于select:
name='<c:out value="${status.expression}"/>'
value="0"
name=value
value与name对应:0是${status.expression}的值
实际操作中,选定一个下拉菜单,就意味着页面范围内给
name赋选定的value.
关于使用链接传值:main.do?页面号=1
其中在整个页面中:name="页面号"与value="1"对应.
将他们作为参数以表单形式传到其它页面(其它页面也有name="页面号" value="?")
-->
<!--=================================================================-->
<!--
前提:
以下拉框形式显示select,即size="1"(大多以这种形式使用,更符合实际)
①select.options("id")方法取出一个option
②证明option的索引不能通过option.index来更改其索引值
③通过option的swapNode方法来交换索引
④通过select的selectIndex来选中一个option
-->
【全码】
<head>
<script>
<!--
function Start()
{
//让【洪】作为第一项先显示,看我怎么获取该option
//这种需求应该很多,但在网上我还没搜到过
//注意:有多个id为洪,将返回一个option集合
//id/name不能为汉字,刚才调了半天才找出原因的
var source=document.form1.selTest.options("hong");
alert("把【"+source.innerHTML+"】换到最上面");
//交换位置
source.swapNode(document.form1.selTest.options(0));
//用[]也可以,Why?
source.swapNode(document.form1.selTest.options[0]);
//日的,还以为没交换成功,原来是选中项没改变,我们让它选中
document.form1.selTest.selectedIndex=0;
//注:该方法主要是给一个字符串,把与字符串相同的项放到第几个位置.
//刚刚想到可以这样获取该项:
//document.getElementById("hong").innerHTML;
}
function AX()
{
//获取div以便进行显示
var show=document.getElementById("show");
var tempIndex=document.form1.selTest.selectedIndex;
show.innerHTML="选中项的索引:"+document.form1.selTest.selectedIndex+"<br>";
show.innerHTML+="刚刚选中项的值:(直接取,最简单)"+document.form1.selTest.value+"<br>";
show.innerHTML+="刚刚选中项的值:"+document.form1.selTest.options(tempIndex).value+"<br>";
show.innerHTML+="刚刚选中项的显示部分(通过索引来,很麻烦):"+document.form1.selTest.options(tempIndex).innerHTML;
show.innerHTML+="刚刚选中项的显示部分(通过索引来,后面是text也可以,Why?):"+document.form1.selTest.options(tempIndex).text;
}
-->
</script>
</head>
<BODY>
<FORM name="form1">
<div id="show"></div>
<SELECT name="selTest"
onchange="javascript:AX();">
<OPTION VALUE="AX0">张</option>
<OPTION id="hong" VALUE="AX1">洪</option>
<OPTION VALUE="AX2">志</option>
</SELECT>
<input value="改变option的顺序" type="button" onClick="javascript:Start();">
</FORM>
</BODY>
分享到:
相关推荐
select各种效果:select带搜索框 多个option项目选择
select option 自定义图片的js 、css 以及代码展示,javaScript ;
jquery获得select option值
1.动态创建select 代码如下: function createSelect(){ var mySelect = document.createElement(“select”); mySelect.id = “mySelect”; document.body.appendChild(mySelect); } 2.添加选项option 代码如下: ...
WDA中select option的用法
本人写的一个html页面,用js实现从数组读数据自动生成select控件
每对<select>和</select>中至少应包含一对<option>和</option>。 说明 标记名 常用属性 描述 <select> size 指定下拉菜单的可见选项数(取值为正整数)。 multiple 定义multiple="multiple"时,下拉菜单将具有多项...
复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....
js 操作select和optionjs 操作select和option
4、Webdynpro入门之Select-Option,详细讲解Select-Option在Webdynpro中的应用。
简单的例子,点击按钮就删除掉option,也可以通过jquery加载的时候进行删除。
javascript 获取select ->option中id、value、label属性及<option></option>中内容
这个文档是本人在开发学习中下的别人的资料,觉得汇总的很好,后面在工作过程中修改了一些,非常有用,尤其是前端的,基本上对select option的操作都在这里面了。有收藏价值。
1 检测是否有选中 2.动态创建select 3.添加选项option 4.删除所有选项option 5.删除一个选项option 6.获得选项option的值......
去除select当中重复的option并选中当前的option
静态二级联动 js 调取数据 带有 option 值
select-option-disabled-emulation.js解决IE6 Select 中 option 的disabled属性无效的办法~~~在页面加载时架子该js,呵呵有点问题:onchange 时间冲突 自己改改··
然后select的option的value给你新闻的标题 在内容区域里也把所有列表调出来(两边的sql语句一致) 比如 <select <option value='1'>第一条新闻标题</option> <option value='2'>第二条新闻标题</option> </select> ...
点击option自动弹出value的值,作为初学者使用。
两个下拉列表,用JS动态添加Select中的Option元素值