Javascript-форум - как совместить jquery chosen и другие селекторы

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - как совместить jquery chosen и другие селекторы (https://javascript.ru/forum/dom-window/34632-kak-sovmestit-jquery-chosen-i-drugie-selektory.html)

как совместить jquery chosen и другие селекторы

День добрый, есть у меня селект со списком, и есть пара кнопок, при нажатии на которые ищет элементы с этого списка по установленному атрибуту

<select id='select' >
<option>-</option>
<option>Медь</option>
<option>Железо</option>
<option>...</option>
<option>...</option>
</select>
<script type="text/javascript">
function search(item)
{
	$(document).ready(function()
		{
			var text = item.getAttribute('title');
			$('#select :contains('+text+')').attr('selected', 'selected'); 
		});
}
</script>
<input type='button' title='Медь' onClick='search(this);'>
<input type='button' title='Железо' onClick='search(this);'>

но стоит подключить плагин jquery chosen и все.. работает только он, а кнопки не реагируют. Подскажите пожалуйста что и где надо подправить, чтобы работало все вместе?

<select id='select' class='chosen'>

<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery(".chosen").chosen().change(function(e){
  	console.log(e);
    });
  jQuery(".chosenexample").chosen().change(function(e){
  	$('.infoch').fadeOut().empty().text($(this).val()).fadeIn();
    });
});
</script>

Цитата:

Сообщение от JustCrazy

но стоит подключить плагин jquery chose

Нужно смотреть на готовую страницу, возможно вместе jquery chosen Вы подключаете дополнительную библиотеку jquery.

как то так...

<html>  
<head>  
<script type="text/javascript" src="/script/mag/test/jquery183min.js"></script>
<script type="text/javascript" src="/script/mag/test/chosen.js"></script>
<link rel="stylesheet" href="/script/mag/test/chosen.css" />
</head>  
<body>
<select id='select' class='chosen'>
<option>-</option>
<option>Медь</option>
<option>Железо</option>
<option>...</option>
<option>...</option>

</select>
<script type="text/javascript">
jQuery(document).ready(function(){
  jQuery(".chosen").chosen().change(function(e){
  	console.log(e);
    });
  jQuery(".chosenexample").chosen().change(function(e){
  	$('.infoch').fadeOut().empty().text($(this).val()).fadeIn();
    });
});
function search(item)
{
$(document).ready(function()
	{
		var text = item.getAttribute('title');
		$('#select :contains('+text+')').attr('selected', 'selected'); 
	});
}
</script>
<input type='button' title='Медь' onClick='search(this);'>
<input type='button' title='Железо' onClick='search(this);'>

</body>
</html>

может есть какая то возможность к тегу input сделать поиск совпадений через js? стандартный datalist совсем не устраивает.

Цитата:

Сообщение от JustCrazy

может есть какая то возможность к тегу input сделать поиск совпадений через js?

А что за совпадения - опишите алгоритм ?

тег <datalist>
Описание
Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса.

Синтаксис
<input list="<идентификатор>">
<datalist id="<идентификатор>">
<option value="Текст1">
<option value="Текст2">
</datalist>

атрибутов помимо id у него нет.
доступен только в html5
и при работе неудобен, вводишь текст, он список выдает на пол экрана

вопрос актуален!