有没有其他方法可以替代.val()，我需要使用另一个值来选择一个类

Question

我需要创建一个字符串来选择一个类，我已经使用.val()完成了这项工作，但我需要另一个替代方法，因为我需要的选项标记上存储的值必须发送到CRM数据库。

我尝试过使用data-* .text .attr()和其他方法进行连接，但都不起作用

这是html：

<select class="selectpicker" data-width="100%" style='width:90%;height:30px;' name='LEADCF194' id="proyectos">
  <option value='-None-'>-Elige un proyecto-</option>
  <option value='Piemonti&#x20;Etapa&#x20;1&#x20;&#x28;Torre&#x20;1&#x20;y&#x20;2&#x29;'>Piemonti</option>
  <option value='villa_del_bosque'>Villa del Bosque Etapa 2</option>
</select>

<div class="form-group">

                  <div id="piemonti" class="hidden bono piemonti">
                    <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="logo_project_bono">
                          <img class="img-responsive" src="http://descuentosferia.local/wp-content/uploads/2019/01/logo-piemonti-low.png" alt="">
                        </div>
                      </div>
                      <div class="col-xs-6 col-sm-6 col-md-6 no_pad">
                        <div class="text_descuentos">
                          <div class="center">
                            <h3 style="text-align:center;">Gran Lanzamiento</h3>
                            <p style="text-align:center;">Marzo 1</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                <div id="villa_del_bosque" class="hidden bono villa_del_bosque">
                    <div class="row">
                      <div class="col-xs-6 col-sm-6 col-md-6">
                        <div class="logo_project_bono">
                          <img class="img-responsive" src="http://descuentosferia.local/wp-content/uploads/2018/11/villa_bosque-low.png" alt="">
                        </div>
                      </div>
                      <div class="col-xs-6 col-sm-6 col-md-6 no_pad">
                        <div class="text_descuentos">
                          <div class="center">
                            <h3>Últimos apartamentos Torre 1</h3>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>

这是jquery：

$("#proyectos").change(function() {
  $(".bono").removeClass('hidden').addClass('hidden');
  $("." + $(this).val()).removeClass('hidden');
});

如您所见，que jquery使用change函数来获取带有id=proyectos的select标记，使用class=bono来搜索div，并使用.val()方法来选择和隐藏所选选项的class=hidden。

这适用于第三个选项，它的value=为“villa_del_bosque”，但我不能使用该值，因为我需要将第二个选项value="Piemonti etapa1(Torre1y2)“上的值传递给CRM数据库。

Answer 1

您可以使用所选选项的索引属性并显示相对.bono目录

$("#proyectos").change(function() {
    $(".bono:not('.hidden')").addClass('hidden');
    var index = $("#proyectos").prop('selectedIndex');
  $(".bono").eq(index-1).toggleClass('hidden');
});

如果它起作用了，请告诉我。

致以最好的问候，伊曼纽尔