JQuery自動完成OnSelect行動

我工作在舊的自動完成jQuery，我發現了一些代碼，它工作得很好，但我想添加一個新的功能。當選擇其中一個選項時，應該點擊提交按鈕。但我不擅長JQuery。任何人幫助？JQuery自動完成OnSelect行動

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>

來源

2013-01-31 Murat Cihan

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

這將提交一份關於選擇表單。

來源

2013-01-31 14:07:21 SpareMe

謝謝你的回答，但它不適合我。另外現在自動完成工作？我犯錯的地方？ –

我認爲它不工作，因爲這個舊版本的自動完成沒有功能這樣的「選擇：」 –

在這裏你表單需要提交或你需要該功能應該執行？如果你需要該函數被執行，那麼函數需要放入select函數中。你提供了jQuery的版本。 – SpareMe

JQuery自動完成OnSelect行動

回答

相關問題