Javascript 在bootstrap dual列表框中，选择一个选项时，我只想将value属性中的一个值与所有其他值分开

我有一个包含许多选项的引导列表框。每个选项都是一个医疗测试，并具有值属性。此值属性有许多值init，以逗号分隔，例如它有测试名称、测试代码和测试速率等。在双列表框的onchange函数中，我只想从值属性中存在的所有其他值中获取测试速率

注意：我不能将唯一的测试速率放在value属性中，因为我还需要其他值。

我的双重列表框的Html代码

<div class="form-group row">
     <label class="col-sm-2 text-right col-form-label no-padding-top" for="Test">Test </label>
     <div class="col-sm-10">
          <select class="form-control" multiple="multiple" size="4" name="test_id" onchange="add_total()" id="duallist">
                  <% tests.forEach(test => { %>
                          <option value="<%- test.ID %> , <%- test.Code %> , <%- test.Name %> , <%- test.Type %> , <%- test.TemplateID%> , <%- test.Rate %>"><b><%- test.Code %></b> <%- test.Name %></option>
                                        <% }) %>
           </select>
       </div>
 </div>

---

在您的情况下，您可以将特定数据（测试速率）放置在

value2

属性中，而所有其他数据保留在

value

属性中，从而将特定数据（测试速率）与值属性的所有其他数据分开

<div class="form-group row">
     <label class="col-sm-2 text-right col-form-label no-padding-top" for="Test">Test </label>
     <div class="col-sm-10">
          <select class="form-control" multiple="multiple" size="4" name="test_id" onchange="add_total()" id="duallist">
                  <% tests.forEach(test => { %>
                          <option value="<%- test.ID %> , <%- test.Code %> , <%- test.Name %> , <%- test.Type %> , <%- test.TemplateID %>" value2="<%- test.Rate %>"><b><%- test.Code %></b> <%- test.Name %></option>
                  <% }) %>       
            </select>
      </div>
</div>

您仍然可以根据需要在

值

属性中使用所有其他数据，因此

<div class="form-group row">
     <label class="col-sm-2 text-right col-form-label no-padding-top" for="Test">Test </label>
     <div class="col-sm-10">
          <select class="form-control" multiple="multiple" size="4" name="test_id" onchange="add_total()" id="duallist">
                  <% tests.forEach(test => { %>
                          <option value="<%- test.ID %> , <%- test.Code %> , <%- test.Name %> , <%- test.Type %> , <%- test.TemplateID %>" value2="<%- test.Rate %>"><b><%- test.Code %></b> <%- test.Name %></option>
                  <% }) %>       
            </select>
      </div>
</div>

function add_total() {
      var sum = 0.0;
      $('#duallist option:selected').each(function() {
           var total = parseInt($(this).attr('value2'));
           sum = (sum + total);
           document.getElementById("subtotal").value = sum;
       });
}