您的位置:首页 > Web前端 > HTML

怎么把DHTMLX的ToolBar里的input变成下拉选项框的

2016-09-05 23:57 441 查看
愚蠢的我没有在API里找到配置下拉框的方法,只看到了input的,愚蠢的我是怎么把DHTMLX的ToolBar里的input变成下拉选项框的呢?

页面上加一个放工具栏的div

<div id="toolBar" type="width:100%"></div>


js中创建toolBar,并添加输入框

var myToolBar=new dhtmlXToolbarObject("toolBar");
myToolBar.addInput(1, 1, "", 100);




愚蠢的我要用把input变成下拉框啦!!

这里要引入jquery,使用之

$("input").replaceWith("年份 <select style='height:23px'><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>2016</option><option value='2017'>2017</option><option value='2018'>2018</option>></select>");


$(“input”)是获取到input,这里会获取所有的input标签哟,如果还有输入框的话,请在这句之后addInput哈



网上有人说addInput时会自动一个类class=”inp”,所以可以用$(“.inp”)获取,搞了半天都没获取到,呵呵,然后我用这条语句弹出

alert($("input").get(0).className);//弹出dhxtoolbar_input


发现类名不一样呢哼,可能DHTMLX的版本不一样,很多架构都变了吧,没去看源码,有空去研究一下。ps:我用的是dhtmlxSuite V4.0.3 Pro

有jquery真的是是忒方便了,有空我再补充有原生的js怎么写,可麻烦可麻烦了,还要判断一下IE6IE7的兼容性处理。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  js dhtmlx