jquery - 拆分选项值并添加到字段

Question

我有

<select id="symb" class="big" name="symb">
  <option value="1#10#6">Basic Personal</option>
  <option value="2#20#6">Basic Family</option>
  <option value="10#90#12">Advanced Personal</option>
  <option value="11#120#12">Advanced Family</option>
</select>

我需要拆分所选值并将中间数字添加到字段#cost。

同一表单上还有其他控件会添加它们的值#cost，因此我必须考虑到我需要保留初始值并在 #symb 的 onblur/onchange 事件上添加选项值。

您也可以查看我的其他问题，以便了解更大的情况。

Answer 1

$("#symb").change(function(){
   $("#cost ").val($("option:selected", this).val().split("#")[1])
});

Answer 2

$("#symb").change(function(){
        $("#cost").val(parseInt($("option:selected").val().split('#')[1])+parseInt(document.getElementById("cost").defaultValue))
    });

Answer 3

在有人遇到麻烦的帮助和我自己的一点运气的帮助下，我找到了我正在寻找的解决方案。我把它贴在这里以供将来参考。

var initial; 
    $("#symb").focus(function () {
        initial = parseInt($("#cost").val()); // assign the initial value before change
    }).change(function() {
        var symb =  parseInt($("option:selected").val().split('#')[1]);
        $("#cost").val(parseInt(initial+(symb-initial))); 
    });