Question

我有一个表单，根据用户的输入自动填充客户端名称。

HTML：

<label for="client">Facility Name/Account Number: </label>
<input type="text" oninput="dropdownTip(this.value)" id="client" NAME="client" style="width:100%;">
<label for="iname">Interpreter Name:</label> 
<input type="text" style="width:100%; text-transform:capitalize;" id="interpreter" name="iname" value="<?echo $interpreter;?>"/><BR>

使用Javascript：

jQuery(document).ready(function(){
    $('#interpreter').autocomplete({source:'otp_autocomplete.php', minLength:2});
});

jQuery(document).ready(function(){
    $('#client').autocomplete({source:'otp_client_autocomplete.php', minLength:2});
});

相同的表单还使用以下php生成的javascript基于客户端字段的值填充其他字段：

PHP：

<script type="text/javascript">
    function dropdownTip(value){
        var preamble = 'No Special Instructions';

        <?//Load options from DB.
            while($row =  mysqli_fetch_array($statuses)){
                echo "if(value == '" . $row['client_id'] . " - " . str_replace("'","\'",$row['client_name']) . "') {
                    preamble = '" . $row['Special_Instruction'] . "';
                } ";
            }
        ?>

        console.log(value);

        document.getElementById("result").innerHTML = preamble;
    }
</script>

一切都很好，除了我希望选择自动填充选项后立即触发“dropdownTip”功能。目前，只有在点击另一个字段时才激活，并且在Internet Explorer中根本不激活。

我一直在尝试此处列出的不同HTML DOM事件：

https://en.wikipedia.org/wiki/DOM_events

但我似乎无法找到合适的人选。是否有一个将提供我正在寻找的功能，并与IE合作？

使用自动完成功能时应使用哪个事件对象？

0 个答案: