javascript - JQuery - 仅比较选择输入中所有选项的文本的一部分，然后选择匹配的选项

Question

我有下一个选择输入:

<h6>Opciones: </h6> 
<select id="id_opciones" name="elegir_opciones">
<option value="" selected="selected">---------</option>
<option value="1">1-Primero-0 </option>
<option value="2">2-Segundo-2000.00</option>
<option value="3">3-Caja-0 </option>
<option value="4">4-Tercero-4000.00</option>
<option value="5">5-Cuarto-6000.00</option>
</select>

还有一个从表中获得的变量，让我们认为这就是变量:

var comparar=5000;

我想要做的是将选项内文本的最后一个值与变量comparar进行比较，让我们以最后一项为例:

<option value="5">5-Cuarto-6000.00</option>

我想要与 comparar 进行比较的值是 6000.00 (我知道如何通过拆分获取该值)，并使用选项 2、4 和5.

条件如下:

if (option2_value<=comparar && comparar<option4_value){
  //select option 2
}

if (option4_value<=comparar && comparar<option5_value){
  //select option 4
}

if (comparar>=option5_value>){
  //select option 5
}

可能主要问题是，如何为选择输入制作个性化选择器？

Answer 1

试试这个

    <script>
    $(document).ready(function(){
      var option1_value = ($('#id_opciones option:eq(1)').text()).split('-')[2];
      var option2_value = ($('#id_opciones option:eq(2)').text()).split('-')[2];
      var option3_value = ($('#id_opciones option:eq(3)').text()).split('-')[2];
      var option4_value = ($('#id_opciones option:eq(4)').text()).split('-')[2];
      var option5_value = ($('#id_opciones option:eq(5)').text()).split('-')[2];
      if(option2_value <= comparar && comparar < option4_value){
        $('#id_opciones option:eq(2)').attr("selected",true)
      }
      else if (option4_value <= comparar && comparar < option5_value){
        $('#id_opciones option:eq(4)').attr("selected",true)
      }
      else if (comparar >= option5_value ){
        $('#id_opciones option:eq(5)').attr("selected",true)
      }

    });
    </script>