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

Somebody is in problem's help と自分で少し運が良かったので、探していたものの解決策を見つけました。今後の参考のためにここに投稿します。

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))); 
    });