Question

您好我有这个javascript代码，应该填充2个文本框，其中包含2个来自mysql的分隔表。我使用自动完成功能。我想知道如何使用自己的差异表数据填充每个文本框。

<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>

Answer 1

将第二个函数重命名为lookup2，并在key up上从第二个输入框调用该函数。现在第二个是lookup（）的重新声明，只搜索boekingsnummers。

2个文本框自动完成，包含2个表中的数据

1 个答案: