Jquery #divオプション：選択した問題

Question

私はこれを動作させることができないようで、私は間違いを見つけることができません。選択肢は次のとおりです。

<select id="elecspend"> 
     <option selected="selected" value="month">Monthly Spend</option> 
     <option value="yearly">Yearly Spend</option> 
     <option value="quarterly">Quarterly Spend</option> 
     <option value="consumption">Yearly Consumption (kWh)</option> 
    </select> 
<div class="consumptext">Enter your monthly spend in here: </div> <input style="width: 80px;" type="text"> 

ここはjqueryです。

$(document).ready(function() { 
$("#elecspend").change(function() { 


    if($("#elecspend option:selected").attr('value') == 'monthly') { 
     $(".consumptext").html("Please enter your monthly electricity spend"); 
    } 
}); 
}); 

ありがとうございました。 サム

Answer 1

あなたのオプションに値 "月間"はありません。私はあなたが "月"を望むと思うし、this.valueを使って値を得ることができます。これに

if($("#elecspend option:selected").attr('value') == 'monthly') 

：これを変更してみてください

if (this.value == 'month') 

それはここで働いています：http://jsfiddle.net/jfriend00/tFvtb/。

Answer 2

「月間」と「月間」を混同しています。 「毎月」に月エントリの値を変更してから、このコードを使用します。

$("#elecspend").change(alterPrompt); 

function alterPrompt() { 
    var selectedValue = $("#elecspend option:selected").attr('value'); 
    $(".consumptext").html("Please enter your "+ selectedValue +" electricity spend"); 
} 
alterPrompt(); 

Answer 3

代わり

if($("#elecspend option:selected").attr('value') == 'monthly') 

の

if ($("#elecspend").val() == "month") 

を行うことができますvalのAPIドキュメントを参照してください。ここにはjsFiddle exampleがあります。

Answer 4

あなたはちょうどthis.valueを使用できますか？

将来の先端は、あなたが出回っあなただけ使用することができ、あなたの変更に#elecspendを発見した：

$("option:selected", this) 

魔女が速いオプションです。