javascript - 如何检查带有标签 : true using jquery? 的 select2 下拉列表中是否存在该值

Question

请在下面找到我的 select2 下拉列表:

<select class="skill-select form-control" name="name" required="true" id="skill-name">
                  <option id="xxx"></option> <!-- Needed for select2 -->

                    <option value="33">good</option>

                    <option value="32">sdw</option>

                    <option value="18">PM</option>

                    <option value="17">TL</option>

                    <option value="ddddd" data-select2-tag="true">ddddd</option>
                    <option value="11" data-select2-tag="true">11</option>

              </select>

Javascript:

  $(".skill-select").select2({
    placeholder: 'Skill Name',
    tags: true
  });

如何访问下拉列表中存在的选项(不包括 data-select2-tag="true"的选项)。

在上面的示例中，我不想访问具有 data-select2-tag="true"的选项“ddddd”和“11”？？

目前我正在使用下面的java脚本，但这并不排除具有 data-select2-tag="true"的选项“ddddd”和“11”；

    var opt = $('#skill-name :selected').text();
    var valid;
    var length = $('#skill-name option').filter(function() {
          return $(this).text() === opt;
      }).length;
      if(length != 0){

        valid = false;
        return;
      } else {
        valid = true;
      } 

Answer 1

以下脚本对我有用:

addSkill = function() {
    var opt = $('#skill-name :selected').text();
  var length = $('#skill-name option').not( "[data-select2-tag='true']").filter(function() {
                  return $(this).text() === opt;
                }).length;
  if(length != 0){

    valid = false;
    return;
  } else {
    valid = true;
  }