时间戳

首页 > 解决方案 > 获取具有多个值的选择值

javascript - 获取具有多个值的选择值

问题描述

我有一个要求用户选择一个选项的表单。我在每个“选择”选项中附加 2 个值，因为我需要使用它来存储用户的选项以及每个问题的标记。价值=“选项|标记”。

                        <select class="custom-select" name="Q1-1" id="cars">
                            <option value="">------------</option>
                            <option value="1|100">a)  Mazda</option>
                            <option value="2|66">b)  Honda</option>
                            <option value="3|33">c)  Toyota</option>
                            <option value="4|100">d)  NA</option>
                        </select>

如果使用php，我可以使用explode 来获取“|”之后的值。但是现在，当用户回答问题时，我想自动计算每个问题的分数。如何获取“|”后的值 使用jQuery？

到目前为止，这是我的代码：

$(文档).ready(函数() {

$('select').on('change', function() {

$('.result').text(

  $('select[name=Q1-1]').val() + $('select[name=Q1-2]').val() +

  $('select[name=Q1-3]').val() + $('select[name=Q1-4]').val() +

  $('select[name=Q1-5]').val() + $('select[name=Q1-6]').val() +


  $('select[name=Q2-1]').val()
);

});

});

标签： javascripthtmljquery

解决方案

我认为您想尝试通过管道符号（ | ）拆分字符串值。

推荐阅读