龙空技术网

select元素如何实现下拉搜索

武汉楚天信息科技 42

前言:

现时咱们对“jquerycxselect”可能比较珍视,朋友们都想要了解一些“jquerycxselect”的相关知识。那么小编也在网摘上网罗了一些关于“jquerycxselect””的相关知识,希望姐妹们能喜欢,大家一起来学习一下吧!

select2.js插件快速实现下拉搜索

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<script src=";></script>

<link href="; rel="stylesheet" />

<script src=";></script>

</head>

<body>

<div>

<select name="select" id="id" style="width:500px;">

<option value="1">1</option>

<option value="11">11</option>

<option value="2">2</option>

<option value="22">22</option>

</select>

</div>

</body>

<script>

$(document).ready(function() {

$('#id').select2({

placeholder: '请选择地区',

allowClear:true,

language: "zh-CN",

language: {

noResults: function(params) {

return "暂无结果";

}

}

});

});

</script>

</html>

标签: #jquerycxselect #js改变select #jquery下拉选择事件 #js创建select组件 #jquery设置下拉选中