Selector(下拉列表控件)

标签语法

标签属性

属性名 属性值 描述
id - 下拉框的id值
name - 下拉框的名称
code -  设置code的值
method - 返回数据的后台方法
onchange - 值改变时触发的js方法
listurl - 下拉列表内容为一个网页url
listwidth - 指定下拉列表的宽度
listheight - 指定下拉列表的高度
verify - 在改变下拉列表值时,对值进行校验
autowidth true/false 在改变下拉列表值时,下拉列表宽度自动调整为适合新的值
disabled true/false 是否禁用,默认为false
options - 直接指定options的值
defaultblank true/false 默认值为空

代码实例

成员方法

方法名 参数 描述
setInput Boolean editable 启用或禁用可输入
getInput - 获得input元素
getArrow - 获得下拉箭头
getValue - 获得下拉框的值(注:是value的值)
getText - 获得下拉框值所对应的的文字
remove Number index 输出下拉框指定索引项
setText String text 设置下拉框的显示文字
disable - 禁用下拉框
enable - 启用下拉框
findTextByValue String value 通过value值查找显示文字
findValueByIndex Number index 通过下拉框索引查找value值
findTextByIndex Number index 通过下拉框索引查找显示文字
findIndexByValue String value 通过下拉框的值查找索引值
selectByValue String value 通过value值改变下拉框的选中值
select Number index 通过索引值改变下拉框的选中值
selectNext - 下拉框选中值更改为当前选中值的下一项
selectPrev - 下拉框选中值更改为当前选中值上一项

静态方法

方法名 参数 描述
add HTMLElement ele,String value,String text[,Number index] 在下拉列表控件指定索引处添加列表项,若未给定索引则添加到最后
clear HTMLElement ele 清空指定下拉列表数据
disable HTMLElement ele 禁用下拉列表控件
enable HTMLElement ele 启用下拉列表控件
setParam HTMLElement ele,String param,String value[,object setProp] 设置下拉列表控件的参数值
getParam HTMLElement ele,String param 获得下拉列表控件的参数值
getParam HTMLElement ele,String param 获得下拉列表控件的参数值
loadData HTMLElement ele,Function func,Object dc 重新载入下拉列表
filter HTMLElement ele,String filterStr, Object data 过滤方法
setValue HTMLElement ele,String value,String text,Boolean cancelEvalOnChange 设置下拉列表控件的值
setValueEx HTMLElement ele,String value,String text 设置下拉列表控件的值(与上面方法的不同在于可以设置列表中不存在的value值)
setSelectedIndex HTMLElement ele,Number index,Boolean cancelEvalOnChange 设置下拉列表控件被选中的值的索引且显示值为指定索引的值
setSelectedIndexEx HTMLElement ele,Number index 设置下拉列表控件被选中的值的索引
setLinkAge HTMLElement ele,Number index 设置下拉列表控件被选中的值的索引
verifyInput HTMLElement ele 检查input=true时输入的值是否正确
setReturn String text,String value,Number scrollTop 此方法在zSelect弹出层中的iframe中调用,点击调用后更新select的值并隐藏下拉框。

代码实例

继承UICompBase之外的事件

事件 描述
expand 下拉框展开后触发
collapse 下拉框合并后触发
beforeselect 选择前触发
select 选择后触发
itemclick 下拉框选项点击后触发
arrowclick 下拉图标点击后触发

 

注意:在对form进行原生的submit(提交)时,表单中自定义下拉列表控件(<z:select>)的值无法被一起提交,在要使用表单的原生提交方式时,请使用原生的下拉列表控件(<select>)。
hackIE