<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>
// 给定一个值,然后对Select列表操作,如:判定是否有给定值,选择给定值,替换给定值等
/*给定一个值域,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;
}
}
}
/*给定一个值域,文本域,更新Select列表该值域的对应文本域*/
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;
}
}
}
// Select列表的项的操作,如:添加,删除某项
/*给定一个值域,Select列表自动选中该值域*/
function HSInsertItem(selectObj,itemText,itemValue)
{
var varItem = new Option(itemText,itemValue);
selectObj.options.add(varItem);
//添加到指定的位置
//selectObj.options.add(varItem,2);
}
/*给定一个值域,Select列表删除该值域*/
function HSDeleteItem(selectObj,itemValue)
{
for(var i=0;i<selectObj.options.length;i++)
{
if(selectObj.options[i].value == itemValue)
{
selectObj.remove(i);
break;
}
}
}
// Select列表的当前值操作:如取得文本域,值域,Index等
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);
}
// Select列表的项的全部清空
function HSClear(selectObj)
{
selectObj.options.length = 0;
}
//DOM 创建 Select 标签
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();
}
}
// 给定一个值,然后对Select列表操作,如:判定是否有给定值,选择给定值,替换给定值等
/*给定一个值域,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;
}
}
}
/*给定一个值域,文本域,更新Select列表该值域的对应文本域*/
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;
}
}
}
// Select列表的项的操作,如:添加,删除某项
/*给定一个值域,Select列表自动选中该值域*/
function HSInsertItem(selectObj,itemText,itemValue)
{
var varItem = new Option(itemText,itemValue);
selectObj.options.add(varItem);
//添加到指定的位置
//selectObj.options.add(varItem,2);
}
/*给定一个值域,Select列表删除该值域*/
function HSDeleteItem(selectObj,itemValue)
{
for(var i=0;i<selectObj.options.length;i++)
{
if(selectObj.options[i].value == itemValue)
{
selectObj.remove(i);
break;
}
}
}
// Select列表的当前值操作:如取得文本域,值域,Index等
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);
}
// Select列表的项的全部清空
function HSClear(selectObj)
{
selectObj.options.length = 0;
}
//DOM 创建 Select 标签
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代码:
view plaincopy to clipboardprint?
<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>
美化HTML的select标签的原始样式,并且不影响原始select的事件方法调用。
思路:select标签赋值和取值和普通字段是相同的方法; 1.1 使用javascript操作 1.1.1 取值 var codeId = document.forms["selectForm"].elements["interestCode"].value; 1.1.2 赋值 document.forms["selectForm"]....
使用HTML开发商业网站 表单控件-select 表单控件 浏览网页时,经常会看到包含多个选项的下拉菜单。 表单控件 使用select控件定义下拉菜单的基本语法格式如下: 表单控件 <select>和标签属性 标签名 常用属性 描述 ...
select 元素可创建单选或...一、基本用法: 复制代码代码如下: <select> ”volvo”>Volvo</option> ”saab”>Saab</option> ”opel”>Opel</option> ”audi”>Audi</option> </select> 其中,</option
孙维琴struts1中掌握html标签小程序。有几个比较典型的标签:<html:select> <html:options> <html:link> <html:rewrite> <jsp:useBean> <jsp:setProperty>等的用法
等标签之前,必须要引入TP的标签库:”html”> 如果我们现在需要一个select下拉菜单项,那么在ThinkPHP中我们可以这样做。 1、在Action控制器的方法中获取数据,举例如下: 复制代码 代码如下: public function ...
select标签:生成下拉列表框。 optiontransferselect标签:创建两个选项以及转移下拉列表项,该标签生成两个下拉列表框,同时生成相应的按钮,这些按钮可以控制选项在两个下拉列表之间移动、排序。 radio标签:...
select标签:生成下拉列表框。 optiontransferselect标签:创建两个选项以及转移下拉列表项,该标签生成两个下拉列表框,同时生成相应的按钮,这些按钮可以控制选项在两个下拉列表之间移动、排序。 radio标签:...
首先通过一个例子来回顾一下select标签的用法: <html> <body> <form> <select name=cars> <option value=volvo>Volvo <option value=saab>Saab <option value=fiat>Fiat ...
普通调用方法: {PE.Label id="图片一列式栏目上下循环" outputQty="10" parentId="2" titleLength="60" hits="0" eliteLevel="0" linkOpenType="2" /} 分页调用方法: 该标签不具备分页功能 数据源调用方法: ...
特征支持标准HTML选择标签支持键盘选项(UP,DOWN,ESC,ENTER) 支持自定义样式支持IE7 +,Firefox3 +,Chrome和Oprea用法链接到jQuery.js文件: [removed][removed]链接到jquery.selectlist.js文件: [removed]...
bootstrap-select下拉选择搜索框,可以多选和单选,用法非常简单,样式美观,项目中经常会使用到,特别选项过多的时候,欢迎大家下载使用
这个轻巧的插件用Selecto下拉列表替换了原始的html select标签。 特征 用Selecto下拉列表替换原始的html select标签 支持图片 支持多个选择框 没有jQuery或其他依赖项 易于使用 CSS很容易定制 在IE9及更高版本,Fire...
我就是靠这个文档实现logic:iterate的循环的 struts 标签 logic:iterate使用 logic:iterate <br>第一页 是struts官方的说明, 第二页 是个例子 第三页 是我实现的arrayList放入标签的方法。 这是页面...
前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就...
fc-select-list.css fc-select-list.js基本用法: 触发调用函数到选择器 $('#first').fc_select_list();基本使用代码示例: [removed][removed]<link href="fc-select-list/fc-select-list.css" rel="stylesheet...
在layui框架中使用form.on方法绑定select下拉框选中事件,form.on()方法不执行, 解决方法有以下几点: 1. html中form标签中要有class=”layui-...3. select标签中要有lay-filter属性,用来监听select 以上解决方
在使用Angular时候使用select标签时会遇到绑定数据指定默认显示值可这样实现 <!DOCTYPE html> <html ng-app="noteApp" ng-controller="noteCtrl"> <head> <meta ...