如何重写angularJs的下拉框,做到带查找筛选功能的select下拉框

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何重写angularJs的下拉框,做到带查找筛选功能的select下拉框相关的知识,希望对你有一定的参考价值。

要使用angularjs 实现带查找筛选功能的select下拉框,但是,项目基本完成了,目前就是优化,项目里面有大量的下拉框,一个一个的去改太耗费时间精力了,是否可以直接去修改anguarjs框架的下拉框控件,该如何进行修改。或者有其他的建议也行。谢谢!需求效果如图

参考技术A <script language="javascript">
function addSel()
var obj;
obj=document.createElement("option");
obj.text=document.all.addT.value;
obj.value=document.all.addV.value;
sel.add(obj);

function delSel()
document.all.sel.options.remove(document.all.sel.selectedindex);
document.all.sel.selectindex=0;

</script>
<select id="sel">
<option value="1">11111</option>
<option value="2">22222</option>
</select>
value:<input id="addV" type="text">
text:<input id="addT" type="text">
<input type="button" value="添加" onclick="addSel()">
<input type="button" value="删除" onclick="delSel()">本回答被提问者和网友采纳

以上是关于如何重写angularJs的下拉框,做到带查找筛选功能的select下拉框的主要内容,如果未能解决你的问题,请参考以下文章

excel表格怎么制作带搜索功能的下拉菜单 解答红包重谢

angularjs在下拉框中添加选项动态显示

Excel 如何将筛选功能下拉框里的数据导出来

EXCEL自动筛选下拉框只能列1000个数据?

Java框架之Struts2

如何利用AngularJS框架遍历生成动态的下拉框