Значение атрибута JavaScript из списка DropDownList - PullRequest
Новая
       8

Значение атрибута JavaScript из списка DropDownList

0 голосов
/ 27 апреля 2018

У меня есть DropDownList с текстовым полем и полем значения, заполненным из базы данных SQL Server. Я хочу, чтобы поле значения было выбрано пользователем и введено в «страна:», которая ниже «термин: запрос» в JavaScript. Спасибо всем за помощь здесь.

DropDownList: 

<asp:DropDownList ID="CountryDDL" runat="server" Height="100%"></asp:DropDownList>

JavaScript: 

<script>
    $(function () {
        $("[id$=OriginLocationTextBox]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "https://api.sandbox.amadeus.com/v1.2/airports/autocomplete",
                    dataType: "json",
                    data: {
                        apikey: "API KEY",
                        term: request.term,
                        country: 
                    },
                    success: function (data) {
                        response(data);
                    }
                });
            },
            minLength: 3,
        });
    });
</script>

1 Ответ

0 голосов
/ 27 апреля 2018

Если вам не нужно собирать данные через .net, а через ajax, вы можете просто сделать это:

DropDownList: 

<asp:DropDownList ID="CountryDDL" runat="server" Height="100%" onchange="requestfunc(this.options[this.selectedIndex].value)"></asp:DropDownList>

JavaScript: 

<script>
    function requestfunc(val){
    $(function () {
        $("[id$=OriginLocationTextBox]").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "https://api.sandbox.amadeus.com/v1.2/airports/autocomplete",
                    dataType: "json",
                    data: {
                        apikey: "API KEY",
                        term: request.term,
                        country: val
                    },
                    success: function (data) {
                        response(data);
                    }
                });
            },
            minLength: 3,
        });
    });
    }
</script>
...