簡體   English   中英

2個文本框自動完成,其中包含來自2個表格的數據

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM