javascript - 从下拉列表中删除重复项

Question

我有一个返回重复项的下拉菜单。我不知道为什么它返回重复项。这是我的下拉菜单的控件。

    @Html.DropDownList("procDateId", Model.GetEmpHoursDateRange.EmphoursdateSelectList, Model.GetEmpHoursDateRange.selectedEmplhoursdate, new { id = "procDateId" })

我希望能够在页面加载后删除重复项。我用警报测试了下面的代码，并且能够进入 document.ready

     $(document).ready(function () {

            alert("here you go !!!");

            [].slice.call($('#procDateId').option)
              .map(function (a) {
                  if (this[a.innerText]) {
                      $('#procDateId'.option).removeChild(a);
                  } else {
                      this[a.innerText] = 1;
                  }
              }, {});

        });

这是我的下拉菜单呈现的 html。

    <select id="procDateId" name="procDateId">
     <option value>1/11/2017</option>
     <option value>1/11/2017</option>
     <option value>1/10/2017</option>
     <option value>1/9/2017</option>
    </select>

我上面的代码没有删除重复项。没有运气。请协助。

Answer 1

您的选项的 jQuery 选择器显示不正确:$('#procDateId').option --> ('#procDateId option')

此外，您可以直接在选项上调用remove

jsfiddle:https://jsfiddle.net/db9zczr0/