javascript - 使 javascript 代码内容依赖于 dropdownlist

Question

我在互联网上找到了这段代码，我用它来填充带有自动完成元素的文本框，我遇到的问题是我还有一个 DropDownList 可以让您在三种语言之间进行选择，我想更改取决于所选语言的参数。这是代码:

<script language="javascript" type="text/javascript">

$(function () {
    $('#<%=txtCompanyName.ClientID%>').autocomplete({
        source: function (request, response) {
            $.ajax({
                url: "Default.aspx/GetCompanyName",
                data: "{ 'pre':'" + request.term + "'}",
                dataType: "json",
                type: "POST",
                contentType: "application/json; charset=utf-8",
                success: function (data) {
                    response($.map(data.d, function (item) {
                        return { value: item }
                    }))
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    alert(textStatus);
                }
            });
        }
    });
});

我想在每次切换 DropDownList 上的语言时更改“url: Default.aspx/GetCompanyName”参数。我尝试了很多东西，但我认为最接近的是:

...
if(document.getElementById('DropDownListName').value == "Company")
url: "Default.aspx/GetCompanyName",
} else {
url: "Default.aspx/IgnoreInput",
}
...

预先感谢您的帮助!

Answer 1

假设您的下拉列表具有这样的静态值，您可以在每次下拉列表更改时触发它:

    <select id="languages" onchange="OnLanguageChange(this)">
    <option value="default.aspx/GetCompanyEN">English</option>
    <option value="default.aspx/GetCompanyFR">Francais</option>
    <option value="default.aspx/GetCompanyES">Espanol</option>
  </select>

将您的代码添加到此函数以满足您的需求，因此 el.value 将是您的网址

 function OnLanguageChange(el) {
        alert(el.value)
    }