输入值无法使用自动完成插件

时间:2015-05-19 16:09:55

标签: javascript jquery

我正在尝试将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/

2 个答案:

答案 0 :(得分:0)

试试这个:

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

答案 1 :(得分:0)

发现问题。插件在创建文本字段后不会复制属性,因此使用输入的类名来设置值:

class MyClass(object):

    import os

    def check_os(self):
        print(os)