как то так...
<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>