Jquery не отключает выпадающий элемент при запросе - PullRequest
Новая
       6

Jquery не отключает выпадающий элемент при запросе

0 голосов
/ 23 октября 2019

Я пытаюсь отключить выпадающий элемент после того, как я его выбрал и нажал кнопку. Я использую Jquery, и код выглядит следующим образом: 

$("body").on("click", "#AddProduct", function () {
            var id = $("#ProductDrop").val();
            var lookups = JSON.stringify(@Html.Raw(Json.Encode(Model.Point.Properties["Lookups"])));
            var data = JSON.stringify({ productId: id, lookupData: lookups });
            $.ajax({
                contentType: 'application/jsonrequest; charset=utf-8',
                dataType: 'html',
                type: 'POST',
                cache: false,
                url: '/Edit/AddRow',
                data: data,
                success: function (data) {
                    $("#ProductDrop option[value = \""+id+"\"]").prop("disabled", true)
                    $("#tableBody").append(data);
                },
                failure: function () {
                    alert("failure");
                }
            });
        });

При успешном выполнении запроса ajax я хочу отключить выпадающий элемент.

Когда я запускаю этот код, разметка выглядит следующим образомthis: 

<div class="ui dropdown selection" tabindex="0">
    <select id="ProductDrop" name="Products">
        <option disabled="disabled" value="1">AWV</option>
        <option disabled="disabled" value="2">AWS</option>
        <option value="3" disabled="">AGZ</option>
        <option value="4">AMZ</option>
        <option value="5">WWV</option>
        <option value="6">WWS</option>
        <option value="7">WTS</option>
        <option value="8">WME-B Gen2</option>
        <option value="9">WTC</option>
        <option value="10">WCT</option>
        <option value="11">WMT</option>
        <option value="14">WCT-Gen2</option>
    </select>
    <i class="dropdown icon clear"></i>
    <div class="text">AGZ</div>
    <div class="menu" tabindex="-1">
        <div class="disabled item" data-value="1">AWV</div>
        <div class="disabled item" data-value="2">AWS</div>
        <div class="item active selected" data-value="3">AGZ</div>
        <div class="item" data-value="4">AMZ</div>
        <div class="item" data-value="5">WWV</div>
        <div class="item" data-value="6">WWS</div>
        <div class="item" data-value="7">WTS</div>
        <div class="item" data-value="8">WME-B Gen2</div>
        <div class="item" data-value="9">WTC</div>
        <div class="item" data-value="10">WCT</div>
        <div class="item" data-value="11">WMT</div>
        <div class="item" data-value="14">WCT-Gen2</div>
    </div>
</div>

Элемент отключен при выборе, но не в меню (и все еще доступен для выбора на веб-странице). Мой бритвенный код для создания выпадающего списка: 

@Html.DropDownList("Products",(List<SelectListItem>)Model.Point.Properties["PossibleProducts"], new { @class="ui dropdown", @id = "ProductDrop"})

Я не совсем уверен, почему этот код не работает. Я предполагаю, что это как-то связано с тем, что элемент не отключен в разметке меню, но я понятия не имею, как бы я отключил его. Что-то не так с тем, как я создаю выпадающее меню?

...