2017-10-13 103 views
0

需要使用可编辑选择的帮助....我使用了jsfiddle的许多方法....但那不工作正常....可以有人帮助我与此.. .i尝试使用这些链接,如https://github.com/indrimuska/jquery-editable-select等,我们还下载了可编辑的选择插件,如jquery-editable-select.js,jquery-editable-select.min.js,jquery-editable-select.css,jquery-编辑-select.min.css可编辑选择不工作proprerly

$('#editable-select').editableSelect();
<link href="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" rel="stylesheet"/> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<select id="editable-select"> 
 
\t <option>Alfa Romeo</option> 
 
\t <option selected>Audi</option> 
 
\t <option>BMW</option> 
 
\t <option>Citroen</option> 
 
</select>

回答

1

你的标签的链接是错误的:

$('#editable-select').editableSelect();
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.js"></script> 
 
<link href="//rawgithub.com/indrimuska/jquery-editable-select/master/dist/jquery-editable-select.min.css" rel="stylesheet"> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<select id="editable-select"> 
 
\t <option>Alfa Romeo</option> 
 
\t <option selected>Audi</option> 
 
\t <option>BMW</option> 
 
\t <option>Citroen</option> 
 
</select>

0

你可以试试下面的代码

$('#editable-select').editableSelect();
<script src="//code.jquery.com/jquery-1.12.4.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery-editable-select.min.js"></script> 
 
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery-editable-select.css" rel="stylesheet"> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<select id="editable-select"> 
 
\t <option>Alfa Romeo</option> 
 
\t <option selected>Audi</option> 
 
\t <option>BMW</option> 
 
\t <option>Citroen</option> 
 
</select>

To View in Fiddle Click here