Question

我需要在表单上创建一个“建议的结果”字段，我从一个漂亮的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">

谢谢！

Answer 1

$('#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

Answer 2

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

这会为输入设置HTML value attribute。

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

设置输入值。

确保将此代码放在DOM Ready Handler

中

jQuery使用表单值建议结果

2 个答案: