CODEWITHSUNDEEP
javascriptjqueryhtmlcss
usr
usr

Reputation: 1

editable select not working proprerly

need an help of using the editable select ....i have used many methods of jsfiddle ....but that doesnt work fine ....could some one help me out with this...i tried with these links such as https://github.com/indrimuska/jquery-editable-select and many more and we have also downloaded editable select plugins such as jquery-editable-select.js, jquery-editable-select.min.js,jquery-editable-select.css , jquery-editable-select.min.css

$('#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">
	<option>Alfa Romeo</option>
	<option selected>Audi</option>
	<option>BMW</option>
	<option>Citroen</option>
</select>

Upvotes: 0

Views: 1821

Answers (2)

Gohel Dhaval
Gohel Dhaval

Reputation: 820

You Can try Below code

$('#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">
	<option>Alfa Romeo</option>
	<option selected>Audi</option>
	<option>BMW</option>
	<option>Citroen</option>
</select>

To View in Fiddle Click here

Upvotes: 1

SilverSurfer
SilverSurfer

Reputation: 4368

Your tag links were wrong:

$('#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">
	<option>Alfa Romeo</option>
	<option selected>Audi</option>
	<option>BMW</option>
	<option>Citroen</option>
</select>

Upvotes: 1

Related Questions