<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 引入css样式表-->
<link rel="stylesheet" href="jquery-editable-select.css">
</head>
<body>
<div class="row-fluid">
<div class="span7">
<select name="basic" id="basic">
<option value="">中文</option>
<option value="">国家</option>
<option value="">国际</option>
<option value="" selected="selected">Audi</option>
</select>
</div><input type="hidden" id="selectHidden"/>
<br>
</div>
<!--引入jquery库和jquery-editable-select.js文件-->
<script type="text/javascript" src="jquery-1.8.1.js"></script>
<script type="text/javascript" src="jquery-editable-select.js"></script>
<script type="text/javascript">
for (var i = 0; i <3; i++) {
var txt="伊朗";
if(i%2==0){
txt="伊朗";
}else{
txt="俄罗斯";
}
// alert(i%2)
$("#basic").append("<option value="+i+"\>"+txt+"</option>");
}
//初始化控件
$('#basic').editableSelect(
{ filter: true ,
onSelect: function (element) {
}}
).on('select.editable-select', function (e, dom) {
$("#selectHidden").val(dom.val())
alert($("#selectHidden").val());
console.log(dom.val() + '' + dom.text());
});;
</script>
</body>
</html>
引用自: https://blog.csdn.net/c_base_jin/article/details/76724105