基于select选项值的JQuery自动完成

$(function () {
    $("#search_term").autocomplete({
        source: "",minLength: 2
    });

    $("#search_parameter").change(function () {
        if (this.value === "Sample name") {
            $("#search_term").autocomplete("option","source","search_sample_name.PHP");
        } else if (this.value === "comments") {
            $("#search_term").autocomplete("option","search_comments.PHP");
        }
    }).change(); // trigger the "change" event to set the source correctly the first time.
});

通过在每个选项上使用data- *属性指示要使用的源,可以使其更加健壮：

HTML：

<label>SELEct Search parameter:
    <SELEct id="search_parameter" name="search_parameter">
        <option value="Sample name" data-autocomplete="search_sample_name.PHP">Sample Name</option>
        <option value="LOCATIOn name" data-autocomplete="search_LOCATIOns.PHP">LOCATIOn Name</option>
        <option value="comments" data-autocomplete="search_comments.PHP">Comments</option>
    </SELEct>
</label>

JavaScript的：

$(function () {
    $("#search_term").autocomplete({
        source: ''
    });

    $("#search_parameter").change(function () {
        var SELEctedsource = $(this).find("option:SELEcted").data("autocomplete");

        $("#search_term").autocomplete("option",SELEctedsourcE);
    }).change();
});