动态用法一:
<html:select property="personnelId">
<html:option value="">请选择</html:option>
<html:options collection="personList" property="personId" labelProperty="personName"/>
</html:select>
代码解释:
<html:select property="personnelId"> :
该部分代码最终返回的值存储在personnelId变量中;
<html:option value="">请选择</html:option>
默认选项,值为空,为了满足用户不想选择任何选项的需求;
<html:options collection="personList" property="personId" labelProperty = "personName"/> :
<html:options>标签会自动根据参数产生多个<option>。其中,collection属性指的是待迭代的集合变量,property设定的是该<option>的value,labelProperty设定的是页面看到的内容。
注:personList必须是Collection类型的,而且封装的是一个包含personId,personName属性的对象。
动态用法二:
有时候用标签的限制太多就用下面这个:
<SELECT name="deid">
<logic:present name="departarray1">
<logic:iterate id="depart" name="departarray1">
<option value="<bean:write name="depart" property="deId"/>">
<bean:write name="depart" property="deName"/>
</option>
</logic:iterate>
</logic:present>
</SELECT>
代码解释:
<logic:present name="departarray1"> :
判断是否存在departarray1对象,如果存在的话,就执行嵌套标签之中的内容,如果不存在就跳过。
<logic:iterate id="depart" name="departarray1"> :
从departarray1集合对象中取出一个对象,并存入对象变量depart中。注:此处的departarray1必须是一个集合类型变量。depart相当于一个局部变量,是用来存储每次取出来的对象的。
<option value="<bean:write name="depart" property="deId"/>"> :
每一个<option>元素选项的value都是<bean:write name="depart" property="deId"/>,含义是depart对象的deID属性值。
<bean:write name="depart" property="deName"/> :
这是每一个<option>元素在浏览器上的显示,道标depart对象的deName属性值。
你可以在页面里面定义一个变量,然后动态改变这个变量,在函数里面判断这个变量的值后,再设置selected,如:
form1.myselected.options[i].selected = true
<script>
var dymanicValue = 'yourDymanicValue';
function initSel() {
var oSel = document.getElementById('sel');
for (var i = 0; i < oSel.length; i++) {
if (dymanicValue == oSel[i].value) {
oSel[i].selected = true;
break;
}
}
}
window.onload = initSel;
</script>
<select id='sel'></select>
-
-
-
function HSSelectItem(selectObj,itemValue)
- {
- for(var i=0;i<selectObj.options.length;i++)
- {
- if(selectObj.options[i].value == itemValue)
- {
- selectObj.options[i].selected = true;
- break;
- }
- }
- }
-
-
function HSUpateItem(selectObj,itemText,itemValue)
- {
- for(var i=0;i<selectObj.options.length;i++)
- {
- if(selectObj.options[i].value == itemValue)
- {
- selectObj.options[i].text = itemText;
- break;
- }
- }
-
- }
-
-
-
-
function HSInsertItem(selectObj,itemText,itemValue)
- {
- var varItem = new Option(itemText,itemValue);
- selectObj.options.add(varItem);
-
-
- }
-
-
-
function HSDeleteItem(selectObj,itemValue)
- {
- for(var i=0;i<selectObj.options.length;i++)
- {
- if(selectObj.options[i].value == itemValue)
- {
- selectObj.remove(i);
- break;
- }
- }
- }
-
-
-
-
function HSCurText(selectObj){
-
var type=document.getElementById("type").options[document.getElementById
-
- ("type").options.selectedIndex].value
-
var index = selectObj.options.selectedIndex;
-
var text = selectObj[index].text;
-
var val=selectObj[index].value;
- alert('text:'+text+',value:'+val+',index:'+index);
- }
-
-
-
-
function HSClear(selectObj)
- {
- selectObj.options.length = 0;
- }
-
-
-
function HSCreate() {
-
var myselect = document.createElement('select');
- myselect.name = "dom";
- myselect.setAttribute('atr', 'atr')
- myselect.onchange = function() {
- alert("change");
- }
-
var itemText = new Array();
- itemText[0] = "opt1";
- itemText[1] = "opt2";
-
var itemValue = new Array();
- itemValue[0] = "1";
- itemValue[1] = "0";
-
for (var i = 0; i < 2; i++) {
- myselect.options[i] = new Option(itemText[i], itemValue[i]);
- }
- myselect.options[0].selected = true;
-
- document.documentElement.appendChild(myselect);
-
- }
-
-
-
-
function test(t)
- {
-
var type=document.getElementById("type");
-
if(t==1){
- HSSelectItem(type,2);
- }else if(t==2){
- HSInsertItem(type,'new',5);
- }else if(t==3){
- HSDeleteItem(type,4);
- }else if(t==4){
- HSCurText(type);
- }else if(t==5){
- HSClear(type);
- }else if(t==6){
- HSCreate();
- }
- }
HTML代码:
-
<a href="javascript:test(1);">test1</a> <a href="javascript:test(2);">test2</a>
-
<a href="javascript:test(3);">test3</a> <a href="javascript:test(4);">test4</a>
-
<a href="javascript:test(5);">test5</a> <a href="javascript:test(6);">test6</a>
-
<br>
-
<select id =type style="HEIGHT: 20px" >
- <option value="" SELECTED>select</option>
- <option value="1" >Ever</option>
- <option value="2" >Zm</option>
- <option value="3" >Cos</option>
- <option value="4" >Yan</option>
-
</select>
相关推荐
html:select>标签的用法 <html:select property="theChoice"> <html:options collection="choiceLists" property="value" labelProperty="description" /> </html:select>
myeclipse2017 jsp页面 <c:if>在select里面写 导致后面代码不是彩色问题 一半黑一半彩色
美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用。
这是一份让你可以理解JavaWeb开发中如何使用struts2对下拉列表数据初始化,对于初学Struts2的同学是非常不错的入门代码实例,并且有助于理解struts里的select标签与c:forEach标签之间的关系。
第二步:用脚本找到select标签在网页上的绝对位置。 我们在那个位置上用DIV标签做个假的、好看点的来当他的替身。 第三步:用脚本把select标签中的值读出来。 虽然藏起来了,但它里边的options我们还有用呢,统统取...
select标签multiple属性的使用方法.zip 欢迎下载
通过html元素层覆盖,实现一个可以输入,可以选择的一个select框,实际使用取值可以从text框中取值,如需从select框取值,请修改select的selectIndex以达到要求。
select标签边框的颜色select标签边框的颜色
主要介绍了用JavaScript来美化HTML的select标签的下拉列表效果的方法,而且在多浏览器下的兼容效果也得到提升,需要的朋友可以参考下
Jquery获取Select标签的值
在做项目时我们有时会碰上这样的问题,如何限制select的选择条数,如果光凭借JS,JQ恐怕无法解决该问题 现在我们提供一种解决方法: 用div完全模拟select ( 即用配上CSS和jQuery,来打造出一个仿真的 ),来达到控制条...
NULL 博文链接:https://lanhuidong.iteye.com/blog/1722586
mobiscroll:移动端仿苹果select效果
jQuery获取Select标签的手册 单选组radio: $("input[type=radio][checked]").val(); 下拉框select的value值: $('select').val(); 下拉框select选中的text 值:$("select").find("option:selected").text();
select标签美化,支持空白处点击显示隐藏选项,目前测试过兼容Firefox、Chrome、IE5及以上,原来找到这个方案不支持空白点击事件,后面改好了测试了没问题,难免会有些bug,如果遇到需要优化欢迎交流!
解决方法:授予权限 sudo chmod -R 777 . ## 为当前目录及子目录搜于读写权限 -R : 对目前目录下的所有文件与子目录进行相同的权限变更(即以递回的方式逐个变更) 其他参数: 其中: u 表示该文件的拥有者,g 表示与...
<html:select>: 选择默认值
使用HTML开发商业网站 表单控件-select 表单控件 浏览网页时,经常会看到包含多个选项的下拉菜单。 表单控件 使用select控件定义下拉菜单的基本语法格式如下: 表单控件 <select>和标签属性 标签名 常用属性 描述 ...
超好用的select标签-带api
方法一 复制代码代码如下: document.getElementById(“selectid”).options.length = 0; 方法二 复制代码代码如下: document.formName.selectName.options.length = 0; 方法三 复制代码代码如下: document....