0

私は古いオートコンプリートjqueryに取り組んでいます。いくつかのコードを見つけました。うまく機能しますが、新しい機能を追加したいです。選択の 1 つが選択されたら、送信ボタンをクリックする必要があります。しかし、私はJQueryが苦手です。誰か助けて？

ASPページ

    <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ASP  AutoComplete</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.autocomplete.pack.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.autocomplete.css" />
<script type="text/javascript">

function test(){
alert("test);
}

//Script Features:::        http://docs.jquery.com/Plugins/Autocomplete/autocomplete#url_or_dataoptions
$().ready(function() {
    function formatItem(row) {
        return row[0] + " (<strong>id: " + row[1] + "</strong>)";
    }
    function formatResult(row) {
        return row[0].replace(/(<.+?>)/gi, '');
    }
    $("#input").autocomplete("sorgu.asp", {
        width: 151,
        selectFirst: false,
        cacheLength : 0,
        minChars: 2
        //autoFill: true
    });




    $("#input").result(function(event, data, formatted) {
        if (data)
            $(this).parent().next().find("input").val(data[1]);
    });
});
</script>
<style type="text/css">
body { font-family: Helvetica; font-size: 12px; color: #000; }
</style>
</head>
<body>
    <div>
        <form>
            <div>
                <div style=" font-size: 20px; color: #F00;">Write some Letter:<div/>
                <p>
                    <label><b>Search:</b></label>
                    <input type="text" id="input" />
                    <button value="Submit" onClick="test()" id="bt1">Submit</button>
                </p>
            </div>
        </form>
    </div>
</body>
</html>
4

1 に答える 1

0 
$(function() {
    $("#input").autocomplete({
    width: 151,
    selectFirst: false,
    cacheLength : 0,
    minChars: 2,
    select: function(event, ui) { 
        $("#formname").submit(); }
});
});

これにより、選択時にフォームが送信されます。

于 2013-01-31T14:07:21.567 に答える