I tried to made text input that filtering selectbox. I'm trying to fix it alot of time but it still not working well. Maybe because it is in hebrew?
HTML:
<option value="628077"> new york</option>
<option value="244228">רמת גן<option>
<option value="641332"> דימונה</option>
<option value="240812"> הזורעים</option>
.
.
.
<option value="640375"> עתניאל</option>
<option value="344580"> חיפה</option>
<option value="440560"> בית רבן</option>
<option value="520098"> הרצליה</option>
</select>
jQuery:
<script type="text/javascript" >
$('#city').keyup(function () {
var valthis = $(this).val();
var num = 0;
$('select#DropDownList1>option').each(function () {
var text = $(this).text();
if(text.indexOf(valthis) != -1)
{ $(this).show();}
else{ $(this).hide();}
});
});
</script>
I need your help!
$('#city').keyup(function () {
var valthis = $(this).val().toLowerCase();
$('select#DropDownList1>option').each(function () {
var text = $(this).text().toLowerCase();
if (text.indexOf(valthis) !== -1) {
$(this).show(); $(this).prop('selected',true);
}
else {
$(this).hide();
}
});
});
DEMO Hope it helps.
It isn't the most clean way, but something like this should work: http://jsfiddle.net/milanvanschaik/11146uxb/2/
$(function() {
var data = [
{ value: 628077, text: 'New York' },
{ value: 628047, text: 'Amsterdam' },
{ value: 628037, text: 'Paris' }
];
data.forEach(function(val) {
$('#select').append($('<option></option>').attr('value', val.value).text(val.text));
});
$('#city').keyup(function() {
var inputValue = $(this).val();
data.forEach(function(val) {
if(val.text.toLowerCase().indexOf(inputValue.toLowerCase()) != -1) {
$('#select>option[value="'+val.value+'"]').remove();
$('#select').append($('<option></option>').attr('value', val.value).text(val.text));
} else {
$('#select>option[value="'+val.value+'"]').remove();
}
});
});
});
Edit: Here with some Hebrew: http://jsfiddle.net/milanvanschaik/11146uxb/3/
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.