2013-08-06 1 views
1

У меня есть необходимость создать поле «Предложенные результаты» на форме, и у меня он работает с хорошей JQuery сценария:JQuery предложил результаты с формой значения

<head> 
<link rel="stylesheet"href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"/> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
<script src="ajax.js"language="javascript"type="text/javascript"></script> 
<script> 
    $(function() { 
    var availableTags = [ 
    "Abel Law Offices", 
    "Abigail Rivamonte, Attorney at Law", 
    "Abrams & Heyn" 
    ]; 
    $("#tags").autocomplete({ 
     source: availableTags 
    }); 
    }); 
</script> 
</head> 

<body> 
<input type="text" id="tags" name="tags" > 
</body> 
</html> 

Мой вопрос: Может ли кто-нибудь шоу мне как это сделать, поэтому в поле формы есть значение.

Как:

<input type="text" id="tags" name="tags" value="WHAT IS CHOSEN FROM RESULTS"> 

Спасибо!

ответ

3
$('#tags').val('WHAT IS CHOSEN FROM RESULTS'); 

здесь рабочий пример того, что я думаю, что вы пытаетесь достичь. Надеюсь, что это помогает

var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]; 
$("#autocomplete").autocomplete({ 
    source: function(request, response) { 
      var matcher = new RegExp("^" + $.ui.autocomplete.escapeRegex(request.term), "i"); 
      response($.grep(tags, function(item){ 
       return matcher.test(item); 
      })); 
     }, 
    select: function(event, ui) { $('#tags').val(ui.item.value); } 
}); 

FIDDLE

+0

Где бы я мог поместите это в мой код выше? – user1789437

+0

технически то, что вы сделали, должно работать нормально, мой пример - это просто, если вы хотите отобразить выбранное значение в другом '' тоже –

1
$('#tags').attr('value', 'WHAT IS CHOSEN FROM RESULTS'); 

Это устанавливает HTML value attribute для ввода.

$('#tags').val('WHAT IS CHOSEN FROM RESULTS'); 

Это устанавливает значение входа.

Убедитесь, что вы поместите этот код в DOM Ready Handler

+0

Где бы я помещаю это в моем коде выше? – user1789437

+0

Проверьте сообщение другого пользователя .. Это нужно сделать в событии 'select', если вы хотите отобразить выделенный текст –

+0

Что-то в этих строках http://jsfiddle.net/sushanth009/5FDTB/1/ –

Смежные вопросы