javascript - 如何让我的 javascript 查找类或除 val 以外的任何内容

Question

我有一个 javascript 脚本，用于查找值和下拉菜单并根据值更改下一个下拉菜单，但是这对我来说不再有效，因为我需要将值传回 ruby​​ 这样我就可以将其保存在 session 中。

$(document).ready(function() {
    $('#Exposures').bind('change', function() {
        var elements = $('div.exposures').children().hide(); // hide all the elements
        var value = $(this).val();

        if (value.length) { // if something is selected
            elements.filter('.' + value).show(); // show the ones we want
        }
    }).trigger('change');
    
    $('.second-level-select').bind('change', function() {
        var elements = $('div.second-level-container').children().hide(); // hide all the elements
        var value = $(this).val();

        if (value.length) { // if something is selected
            elements.filter('.' + value).show(); // show the ones we want
        }
    }).trigger('change');

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<select class="pmmargin3 exp" size="1" id="Exposures" title="" name="exposures_pt1">
    <option selected disabled hidden style='display:none' value=''>-Please select an option-</option>
    <option value="1">thing1</option>
    <option value="1">thing2</option>
    <option value="2">thing3</option>
    <option value="1">thing4</option>
    <option value="3">thing5</option>
 
    </select>

    <div class="container exposures leftmargin exp">
    <div class="1">
        <select class="second-level-select" name="exposures_pt2a">
            <option selected disabled hidden style='display:none' value=''>-     Please select an option-</option>
            <option value="guardrail_system">thing1</option>
            <option value="personal_fall">thing2</option>
            <option value="safety_net">thing3</option>
        </select>
    </div>
    <div class="2">
        <select class="second-level-select" name="exposures_pt2b">
            <option selected disabled hidden style='display:none' value=''>-Please select an option-</option>
            <option value="guardrail_system">thing1</option>
            <option value="personal_fall">thing2</option>
            <option value="safety_net">thing3</option>
            <option value="infeasibility_option">thing4</option>
        </select>
    </div>
    <div class="3">
        <select class="second-level-select" name="exposures_pt2c">
            <option selected disabled hidden style='display:none' value=''>-Please select an option-</option>
            <option value="current_subpart">thing5</option>
            <option value="proposed_subpart">thing6</option>
        </select>
    </div>
  </div>

感谢您的帮助，我是 Javascript 的新手，正在尽我最大的努力，但仍需要一些指导。

Answer 1

据我了解。您想要将第一个下拉列表中选择的数据发送到 ruby​​ 以将其保存在 session 中。如果是这种情况，在每次选择时，您都可以使用 cookie 触发 AJAX 调用并相应地更新 session 对象，随后还将其显示在第二个下拉列表中。

不过，onChange AJAX 并不是一个很好的建议，在这种情况下，您可以将所选选项保存到浏览器 sessionStorage 中，然后在选择(下拉)周期结束时通过单个 ajax 将其添加到 session 对象到您的服务器。