Question

我有一个select，其中包含几个option元素。每个选项都有一个id和一个value。此选择通过jQuery加载了AJAX请求。

还有一个字符串变量，其中包含文本，您必须将其与所有选项值进行比较。如果其中有任何文本，请将选项设置为选中状态。

在此示例中，您将必须选择<option id="27">Mini 4</option>，它是字符串var mytexto中的那个。

如何获取ID和值这两个值？

var mytexto = 'Ipad Mini 4 16GB/1GB Azul';

<select id="nombre_modelo" class="form-control">
 <option value="" disabled="disabled" selected="selected">Select one model name</option>
 <option id="25">Ipad 3</option>
 <option id="26">Ipad 4</option>
 <option id="27">Mini 4</option>
 <option id="28">Mini Wifi A1403</option>
 <option id="29">Mini Wifi A1432</option>
</select>

Answer 1

$(document).ready(function() {
  var mytext = 'Ipad Mini 4 16GB/1GB Azul';

  var options = $("#nombre_modelo")[0].options
  for (i = 0; i < options.length; i++) {

    if (mytext.includes(options[i].innerText)) {
      console.log(options[i].innerText)
      console.log(options[i].id)
    }

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="nombre_modelo" class="form-control">
  <option value="" disabled="disabled" selected="selected">Select one model name</option>
  <option id="25">Ipad 3</option>
  <option id="26">Ipad 4</option>
  <option id="27">Mini 4</option>
  <option id="28">Mini Wifi A1403</option>
  <option id="29">Mini Wifi A1432</option>
</select>

选择其文本包含字符串值的选项

1 个答案: