jquery easyui combobox 添加添加选择项

jquery easyui combobox 添加添加选择项,第1张

1、在HBuilder软件中创建web项目,并在web项目指定的目录下创建静态页面select.html。

2、引入EasyUI插件核心css和js文件,并引入jQuery核心js文件。

3、下面开始编写ComboBox容器,该控件利用的是select标签元素构成的,设置ComboBox样式,如下图所示。

4、编辑js代码,获取ComboBox选中的值和文本,利用getValue和getText方法分别获取值和文本。

function ClickEvent() {

var title = $(this).text()//选项卡名称

//拼接一个Iframe标签,选项卡内容

var str = '<iframe id="frmWork" width="100%" height="100%" frameborder="0" scrolling="auto" src="' + $(this).attr("src") + '"></iframe>'

//首先判断用户是否已经单击了此项,如果单击了直接获取焦点,否则打开

var isExist = $("#tab").tabs('exists', title)

if (!isExist) {

//添加tab的节点,调用easyUITab标签的方法

$("#tab").tabs('add', {

title: title,

content: str,

iconCls: 'icon-save',

closable: true

})

}

else {

//如果存在则获取焦点

$("#worktab").tabs('select', title)

}

})

}

在用到的地方调用这个函数


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11395275.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存