輸入值與自動完成插件不起作用

Question

我試圖將db值打印到插件自動生成的輸入字段。該值被添加到選擇列表中，但它應該被複制到輸入字段。這個插件是selectToAutocomplete

這是jQuery腳本：

$(document).ready(function() { 
    $("#countries, #cities").selectToAutocomplete({ 
     'copy-attributes-to-text-field': true 
    }); 
    var $getCountry = $("select option[value='<?php print $client->getCountry(); ?>']").text(); 
    $("#countries").val($getCountry); 
}); 

這是一個正常的選擇列表：

<select id="countries" name="client_info[6]" placeholder="Country"> 
    <option value=""></option> 
    <option value="abc">ABC</option> 
    <option value="123">123</option> 
</select><br> 

我試圖做的是讓選項名稱與jquery並將其打印在輸入字段中。但看起來這個插件不接受value屬性。

有什麼辦法可以使它工作嗎？

謝謝！

編輯：添加的jsfiddle http://jsfiddle.net/v1mf7waw/3/

Answer 1

發現問題。

var $getCountry = $("select option[value='<?php print $client->getCountry(); ?>']").text(); 
$(".ui-autocomplete-input").val($getCountry); 

Answer 2

試試這個：

$(document).ready(function() { 
$("#countries, #cities").selectToAutocomplete({ 
    'copy-attributes-to-text-field': true 
}); 
var $getCountry = $("select").val(); 
$("#countries").val($getCountry); 

}）;

編輯：現在明白：

<link rel="stylesheet" type="text/css" media="all" href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css"> 
<script type="text/JavaScript" src="http://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script> 
<script type="text/JavaScript" src="https://raw.githubusercontent.com/JamieAppleseed/selectToAutocomplete/master/jquery.select-to-autocomplete.js"></script> 

<select id="countries" name="client_info[6]" placeholder="Country"> 
<option <?php if($client->getCountry() == "")echo "selected=selected"; ?> value=""></option> 
<option <?php if($client->getCountry() == "abc")echo "selected=selected"; ?> value="abc">ABC</option> 
<option <?php if($client->getCountry() == "123")echo "selected=selected"; ?> value="123">123</option> 
</select><br>