`
warnerhit
  • 浏览: 123559 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

转发:html:select标签用法

阅读更多

 

html:select标签用法
<html:select property="if_end"> 
<option value="0">否</option> 
<option value="1">是</option> 
</html:select>
 
将option中value的值给if_end


动态用法一

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

  1. // 给定一个值,然后对Select列表操作,如:判定是否有给定值,选择给定值,替换给定值等   
  2. /*给定一个值域,Select列表自动选中该值域*/  
  3. function HSSelectItem(selectObj,itemValue)   
  4. {     
  5.      for(var i=0;i<selectObj.options.length;i++)   
  6.       {   
  7.          if(selectObj.options[i].value == itemValue)   
  8.           {   
  9.               selectObj.options[i].selected = true;   
  10.              break;   
  11.           }   
  12.       }                     
  13. }   
  14. /*给定一个值域,文本域,更新Select列表该值域的对应文本域*/  
  15. function HSUpateItem(selectObj,itemText,itemValue)   
  16. {     
  17.      for(var i=0;i<selectObj.options.length;i++)   
  18.       {   
  19.          if(selectObj.options[i].value == itemValue)   
  20.           {   
  21.               selectObj.options[i].text = itemText;   
  22.              break;   
  23.           }   
  24.       }      
  25.         
  26. }   
  27.   
  28. // Select列表的项的操作,如:添加,删除某项   
  29. /*给定一个值域,Select列表自动选中该值域*/  
  30. function HSInsertItem(selectObj,itemText,itemValue)   
  31. {     
  32.      var varItem = new Option(itemText,itemValue);   
  33.       selectObj.options.add(varItem);   
  34.      //添加到指定的位置   
  35.      //selectObj.options.add(varItem,2);   
  36. }   
  37.   
  38. /*给定一个值域,Select列表删除该值域*/  
  39. function HSDeleteItem(selectObj,itemValue)   
  40. {     
  41.      for(var i=0;i<selectObj.options.length;i++)   
  42.       {   
  43.          if(selectObj.options[i].value == itemValue)   
  44.           {   
  45.               selectObj.remove(i);   
  46.              break;   
  47.           }   
  48.       }        
  49. }   
  50.   
  51.   
  52. // Select列表的当前值操作:如取得文本域,值域,Index等   
  53. function HSCurText(selectObj){   
  54. var type=document.getElementById("type").options[document.getElementById   
  55.   
  56. ("type").options.selectedIndex].value   
  57. var index = selectObj.options.selectedIndex;   
  58. var text = selectObj[index].text;   
  59. var val=selectObj[index].value;   
  60. alert('text:'+text+',value:'+val+',index:'+index);   
  61. }   
  62.   
  63.   
  64. // Select列表的项的全部清空   
  65. function HSClear(selectObj)   
  66. {     
  67.       selectObj.options.length = 0;   
  68. }   
  69.   
  70. //DOM 创建 Select 标签   
  71. function HSCreate() {   
  72. var myselect = document.createElement('select');   
  73. myselect.name = "dom";   
  74. myselect.setAttribute('atr''atr')   
  75. myselect.onchange = function() {   
  76.    alert("change");   
  77. }   
  78. var itemText = new Array();   
  79. itemText[0] = "opt1";   
  80. itemText[1] = "opt2";   
  81. var itemValue = new Array();   
  82. itemValue[0] = "1";   
  83. itemValue[1] = "0";   
  84. for (var i = 0; i < 2; i++) {   
  85.    myselect.options[i] = new Option(itemText[i], itemValue[i]);   
  86. }   
  87. myselect.options[0].selected = true;   
  88.   
  89. document.documentElement.appendChild(myselect);   
  90.   
  91. }   
  92.   
  93. //测试代码:   
  94.   
  95. function test(t)   
  96. {     
  97. var type=document.getElementById("type");   
  98. if(t==1){   
  99.    HSSelectItem(type,2);   
  100. }else if(t==2){   
  101.    HSInsertItem(type,'new',5);   
  102. }else if(t==3){   
  103.    HSDeleteItem(type,4);   
  104. }else if(t==4){   
  105.    HSCurText(type);   
  106. }else if(t==5){   
  107.    HSClear(type);   
  108. }else if(t==6){   
  109.    HSCreate();   
  110. }                
  111. }  

HTML代码:

  1. <a href="javascript:test(1);">test1</a> <a href="javascript:test(2);">test2</a>  
  2. <a href="javascript:test(3);">test3</a>   <a href="javascript:test(4);">test4</a>  
  3. <a href="javascript:test(5);">test5</a>  <a href="javascript:test(6);">test6</a>  
  4. <br>  
  5. <select id =type style="HEIGHT: 20px" >  
  6.   <option value="" SELECTED>select</option>  
  7.   <option value="1" >Ever</option>  
  8.   <option value="2" >Zm</option>  
  9.   <option value="3" >Cos</option>  
  10.   <option value="4" >Yan</option>  
  11. </select>  
分享到:
评论

相关推荐

    Struts的html errors的用法

    本文将详细介绍`html:errors`标签的使用方法,并结合Struts配置文件以及JSP页面和ActionForm的实例进行解析。 #### 二、Struts配置文件中的验证设置 在Struts框架中,为了使`html:errors`标签能够正常工作,首先...

    Struts标签库 ppt教程

    表单相关的标签,如`&lt;html:form&gt;`、`&lt;html:text&gt;`、`&lt;html:password&gt;`、`&lt;html:textarea&gt;`、`&lt;html:hidden&gt;`、`&lt;html:radio&gt;`、`&lt;html:checkbox&gt;`、`&lt;html:multibox&gt;`、`&lt;html:select&gt;`、`&lt;html:submit&gt;`、`...

    Struts标签文档

    了解并熟练使用这些Struts HTML标签,可以帮助开发者更高效地构建Web界面,减少直接编写JSP页面的复杂性。同时,这些标签也支持国际化和本地化,使得应用程序能够适应不同地区的用户需求。 在实际开发中,结合...

    spring3标签库

    例如,使用`@ModelAttribute`注解将请求参数绑定到控制器方法的参数上,再利用`spring-form.tld`的标签在JSP页面中渲染表单,可以实现端到端的数据绑定流程。通过这种方式,Spring3 MVC提供了一种声明式编程模型,...

    struts标签.zip

    Struts标签是Apache Struts框架中的一个重要组成部分,用于构建MVC(Model-View-Controller)...通过阅读"struts标签.chm"文件,你可以深入学习每个标签的用法、属性以及示例,进一步提升你在Struts框架下的开发能力。

    Struts标签的使用

    这些标签包括`&lt;html:base&gt;`、`&lt;html:cancel&gt;`、`&lt;html:select&gt;`、`&lt;html:checkbox&gt;`、`&lt;html:radio&gt;`、`&lt;html:multibox&gt;`、`&lt;html:link&gt;`、`&lt;html:errors&gt;`、`&lt;html:javascript&gt;`、`&lt;html:xhtml&gt;`等。例如,`...

    struts标签库

    1. **核心标签**:这是最基本的标签集合,用于处理表单、请求转发、重定向等常见的Web操作。例如,`&lt;s:property&gt;`标签用于显示动作属性的值,`&lt;s:form&gt;`标签用于创建HTML表单,`&lt;s:submit&gt;`标签则用于提交表单。 2....

    truts2表单标签共46页.pdf.zip

    1. **Struts2标签库介绍**:Struts2提供了丰富的标签,如`s:textfield`、`s:textarea`、`s:checkbox`、`s:radio`、`s:select`等,用于创建HTML表单元素。这些标签与Action中的属性对应,方便数据绑定和验证。 2. **...

    struts2-tags-API,struts2标签api

    在实际项目中,开发者可以将`struts2-tags-API`文档作为参考,快速查找和理解标签的使用方法。如果遇到问题,可以查看标签的错误信息,或者使用调试工具查看标签的生命周期和执行流程,以便定位和解决问题。 总结,...

    struts2标签大全

    以上只是Struts2标签大全中的一部分,实际上还有更多标签,如`s:actionerror`、`s:submit`、`s:reset`、`s:actionexecute`等,每个标签都有其特定的功能和用法。通过深入理解和熟练运用这些标签,开发者可以更高效地...

    Struts2标签库详解.rar

    在实际应用中,`Struts2标签库详解.doc`文档可能详细介绍了如何使用这些标签,包括它们的语法、属性、用法示例等。例如,`s:form`标签通常会覆盖默认的提交方法,添加验证规则,而`s:property`可以轻松地将Action中...

    struts1.x_Tags

    核心标签库主要用于处理请求、转发和重定向,而HTML标签库则专注于生成常见的HTML表单元素。 1. **核心标签库(Core Tags)**: - `&lt;action&gt;`: 定义一个处理特定HTTP请求的动作,它将请求映射到Action类的方法。 - `...

    Struts2 API 以及标签手册

    中文版的`struts2-tags-API.chm`文件是Struts2标签库的详细文档,包含了每个标签的用法、属性、示例和注意事项。通过查阅这个手册,开发者可以更深入地理解如何在JSP页面上使用Struts2标签,提高开发效率和代码质量...

    在struts中实现下拉列表

    在Struts中,我们通常使用`html:select`标签来生成HTML的`&lt;SELECT&gt;`标签。这个标签属于Struts的HTML标签库,用于在表单中创建下拉列表。 一、JSP页面中的Struts HTML标签 在JSP页面中,我们可以这样创建一个下拉...

    学习struts很好的文档

    - **配置Struts标签库**:使用元素引入Struts提供的标签库。 ##### 2.配置struts-config.xml - `&lt;struts-config&gt;`:根元素,包含其他所有配置项。 - `&lt;data-sources&gt;`:定义数据库连接池信息。 - `&lt;form-beans&gt;`:...

    struts中文手册

    - **HTML标记**:提供丰富的HTML表单元素标签,简化HTML表单的生成。 - **表单元素**:如`&lt;html:form&gt;`、`&lt;html:text&gt;`、`&lt;html:password&gt;`等。 - **按钮和取消标记**:`&lt;html:submit&gt;`、`&lt;html:reset&gt;`等。 - **...

    《JSP程序设计》复习题2.pdf

    3. JSP生命周期方法:提到了JSP页面可以重写的方法,例如jspInit()和jspDestroy(),这两个方法分别在JSP页面初始化和销毁时被调用。 4. JSP页面指令:文档中出现了page指令,例如*" %&gt;表示在JSP页面中导入user包下...

    jsp表单制作.rar_html_jsp_jsp 制作表单_jsp开发_jsp表单制作

    - `&lt;select&gt;`与`&lt;option&gt;`标签:用于创建下拉列表。 - `&lt;button&gt;`标签:创建按钮,`type`属性可定义为`submit`(提交表单)或`reset`(重置表单)。 2. **JSP表单处理**: - `request.getParameter()`:当表单...

    jsp+mysql留言本

    - JSP动作标签:可以使用&lt;jsp:useBean&gt;、&lt;jsp:setProperty&gt;等标签将表单数据绑定到JavaBean,简化业务逻辑。 - Servlet转发与重定向:通过请求Dispatcher进行页面跳转,如request.getRequestDispatcher().forward...

Global site tag (gtag.js) - Google Analytics