easyUI下拉列表点击事件使用方法

前端之家收集整理的这篇文章主要介绍了easyUI下拉列表点击事件使用方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了使用easyUI下拉列表点击事件的方法,供大家参考,具体内容如下

可以通过

input

select

来创建下拉列表

其中select的创建如下:

通过json来创建js数组

例子:

HTML代码片段:

js代码片段:

Box('loadData',ljfsArray);

页面效果显示

属性解释:

valueField:'id'---objTCP.id--->选项值value textField:'text'---objTCP.text--->页面显示值 objTCP.selected=true; --->默认显示

点击修改事件

    

onSelect 等同于 onChange 但是麻烦的是:easyUI中不支持onChange,在html中不支持onSelect。 onSelect必须在js代码中使用:

Box({ onSelect: function () { connectionType = $('#in_edit_netlink').val(); if (connectionType == 1) { $('#in_edit_sjjh').textBox('setValue',tcpIp); } else { $('#in_edit_sjjh').textBox('setValue',httpIp); } } })

使用

})

默认加载后,onSelect事件就可以正常使用了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章