![](/img/trans.png)
[英]Apply autocomplete to dynamically generated textboxes with data from database
[英]2 textboxes autocomplete with data from 2 tabels
您好,我有此javascript代碼,應使用mysql的2個分離表填充2個文本框。 我正在使用自動完成功能。 我想知道如何用自己的差異表數據填充每個文本框。
<script type="text/javascript">
function lookup(inputString)
{
if(inputString.length == 0)
{
$('#suggestions').hide();
}
else
{
$.post("sql_naam_klant.php", {queryString: ""+inputString+""}, function(data)
{
if(data.length >0)
{
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
}
function lookup(inputString)
{
if(inputString.length == 0)
{
$('#suggestions2').hide();
}
else
{
$.post("sql_boekingsnummer.php", {queryString: ""+inputString+""}, function(data)
{
if(data.length >0)
{
$('#suggestions2').show();
$('#autoSuggestionsList2').html(data);
}
});
}
}
function fill(thisValue)
{
$('.inputString').val(thisValue);
setTimeout("$('.suggestions').hide();", 200);
}
</script>
文本框:
<td class="tdfilter">
<label>Boekingsnummer</label>
<input type="text" name="boekingsnummer" size="20" id="boekingsnummer" onkeyup="lookup(this.value);" onblur="fill();" >
<div class="suggestionsBox" id="suggestions" style="display: none;">
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
</td>
<td class="tdfilter">
<label>Naam klant</label>
<input type="text" name="naam_klant" size="20" id="naam_klant" onkeyup="lookup(this.value);" onblur="fill();" >
<div class="suggestionsBox" id="suggestions2" style="display: none;">
<div class="suggestionList" id="autoSuggestionsList2">
</div>
</div>
</td>
將第二個函數重命名為lookup2,然后從第二個輸入框中調用該函數。 現在,第二個是對lookup()的重新聲明,並且僅搜索boekingsnummers。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.