jQuery:使用自动完成功能填充两个输入文件

时间:2017-01-05 09:37:12

标签: javascript php jquery

我使用jQuery UI(自动填充)来填充带有歌曲名称的输入字段。脚本是这样的:

        $(function() 
    {
        var availableTags = <?php include('db/autoSongKomponist.php'); ?>;

        $("#inputTitel").autocomplete({
           source: availableTags,
           autoFocus:true
        });
    });

PHP脚本将返回JSON中的歌曲:

var availableTags = ["Not Fade Away","Route 66", ....];

到目前为止它工作正常。我想做的是跟随。选择歌曲标题后,我想在第二个输入字段中输入作曲家的名字。

以这种方式使用select:

        function getKomponist(val) 
    {
        $.ajax({
            type: 'post',
            url: 'getKomponistName.php',
            data: {
                get_option:val
            },
            success: function (response) {
                $("#inputKomponist").append(response); 
            }
        });
    }

我可以用#inputKomponist填充选择正确的值。

  <select id="inputKomponist"></select>

PHP脚本将执行以下操作:

$name = $_POST['get_option'];
$result = mysql_query("select komponist from songs where name='$name'");

while ($row=mysql_fetch_array($result) )
{
    echo "<option>" . $row['komponist'] . "</option>";
}

我还尝试将值放在输入字段而不是select中,例如

        function getKomponist(val)
    {
        $.ajax({
            type: 'post',
            url: 'readKomponistName.php',
            data: {
                get_option:val
            },
            success: function (response) {
                $("#inputKomponist").autocomplete({
                    source: response,
                    autoFocus:true
                });
            }
         });
    }

但是它没有工作,任何人都可以给我一个暗示吗?

0 个答案:

没有答案