こんにちは私は2つのオプションを持っているドロップダウンリストを作成したいと思います： 1.特別な出荷 2.通常の出荷javascript - 要素に+100ドルのオプションを選択しますか？
<select>
<option>special shipping</option>
<option>normal shipping</option>
</select>
ユーザー特別な出荷を選択した場合、私は、欲しい、それ意志span要素
で100ドル<p><span id="add_dollar"> 5000 </span> dollar </p>
、それは私がどのように行うことができます5100
でしょうか？
これは何か？
\t var initPrice = 5000;
\t $('select').on('change', function() {
\t if(this.value == 1){
\t \t $('#add_dollar').text(initPrice + 100);
\t }else{
\t \t $('#add_dollar').text(initPrice);
\t }
\t })<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
\t <option value="">Select one</option>
\t <option value="1">Special shipping</option>
\t <option value="2">Normal shipping</option>
</select>
<p><span id="add_dollar"> 5000 </span> dollar </p>近くのスパンタグにスラッシュ？おかげで – doflamingo
あなたはselectにchangeイベントを使用してspanに現在の値を追加することができます。
var oValue = parseInt($("#add_dollar").text());
$("select").change(function() {
var val = $(this).val();
$("#add_dollar").text(val == 'special' ? oValue + 100 : oValue)
})<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="" id="">
<option value="normal">Normal</option>
<option value="special">Special</option>
</select>
<p><span id="add_dollar"> 5000 </span> dollar</p>データベースに挿入するオプションの値を使用したい場合、ありがとう、しかし、それは問題になると思います – doflamingo
@doflamingoなぜそれは問題ですか？ –
データベースに「特別な」文字列を挿入して値をvalue = "special"にする必要がある – doflamingo
まずHTML（オプション&スパン）の構文間違いを訂正します。ここでは、プレーンJSソリューションです：
var total = 5000;
var dollar = 100;
var update = function(){
status = window.event.target.value; //this will check all inputs & selects values
if(status === 'normal')
document.getElementById('add_dollar').innerHTML = total;
if(status === 'special')
document.getElementById('add_dollar').innerHTML = total + dollar;
};
document.addEventListener("input", update);<select id="shipping">
<option value="normal">normal shipping</option>
<option value="special">special shipping</option>
</select>
<p><span id="add_dollar">5000</span> dollar</p>
http://www.w3schools.com/howto/howto_js_dropdown.asp –
@EmilS.JørgensenOPは明らかに ''
[選択した値/テキストを変更時に選択する]の複製が可能です（http://stackoverflow.com/questions/5416767/get-selected-value-text-from-select-on-change） – Turnip