如何利用select2下拉搜素框设置其默认值

 时间:2024-10-23 04:06:29

1、第一步,打开eclipse开发工具,新建静态页面null.html,如下图所示:

如何利用select2下拉搜素框设置其默认值

2、第二步,引入select2相关的js和css文件,并引入jquery核心js文件,如下图所示:

如何利用select2下拉搜素框设置其默认值

3、第三步,在<body></body>插入select并给出数据源,如下图所示:

如何利用select2下拉搜素框设置其默认值

4、第四步,在function函数内引入$("#fruit").select2();,并在select添加classclass="js-example-basic-single",如下图所示:

如何利用select2下拉搜素框设置其默认值

5、第五步,编写select2的切换事件,利用select2:select,判断当选中的值大于5时,就将下拉搜索框重置为空,如下图所示:

如何利用select2下拉搜素框设置其默认值

6、第六步,结果发现这种方法不起作用,于是修改代码$("fruit").val("").select2();如下图所示:

如何利用select2下拉搜素框设置其默认值
  • 酸菜炖土豆的做法
  • 如何恢复自信心
  • 辟谷长寿养生
  • 荠菜怎么种才出得快
  • 网上银行电子证书安装
  • 热门搜索
    安全伴我行手抄报图片 争当美德少年手抄报 儿童手抄报模板 抗美援朝70周年手抄报 小学保护环境手抄报 祖国在我心中手抄报资料 手抄报版面设计图简单的 防新型冠状病毒手抄报 手抄报古诗 关于诗词的手抄报