2011-12-22 7 views
0

私はいくつかのjavascriptを適用したフォームを用意していますが(jsの最終目的は適切なフォローアップの質問を表示することです) inputの値とselectの値が変数に読み込まれても動作していないようです。ここでjavascript変数が設定されていない(jqueryの可能性があります)

は、正確なコードです:フィドルで

# HTML 
<ul id="m_mlt_t"> 
<li>How long have you known <span class="nom">__</span>?</li> 
    <li><input name="m_mlt_n" type="text" maxlength="3" /> <select name="m_mlt_t"><option></option><option>days</option><option>months</option><option>years</option></select></li> 
    <li><input name="m_mlt_n" type="radio" value="777" />I prefer not to answer</li> 
    <li><input name="m_mlt_n" type="radio" value="999" />Don't know</li> 
    <li><span class="m_mlt_t" style="display:none;"></span></li> 
</ul> 

# JAVASCRIPT 
$('select[name="m_mlt_t"], input[name="m_mlt_n"]').change(function() { 
    var time = $('input[name="m_mlt_n"]').val(); 
     $("span#m_mlt_t").text(time); 
     $("span#m_mlt_t").fadeIn(); 
    var period = $('select[name="m_mlt_t"]').val(); 
     $("span#m_mlt_t").append(" " + period); 
     $("span#m_mlt_t").fadeIn(); 
}); 

、私はスパンがフェードインし、テキストフィールドの値とドロップダウンを表示するように期待しています。 http://jsfiddle.net/vxvSU/


はところで次のカスタム関数のコードが含まれていませんが、私は彼らが仕事を知って
counter_multiChoice()fadeOUT_sect()は、fadeIN_sect()

+0

あなたのコードもここに投稿するのに十分短いです - そうしてください! – Alnitak

+2

同じidを持つ要素を複数持つことはできません。 –

+0

私は確かに**あなたはそれらの他の関数が動作することを知っていますが、javascriptエンジンはそうではなく、 'undefined' qArrayを含むそれらがなければ何がうまくいかないかを見せません... – jondavidjohn

答えて

3

最初の問題はあなたの選択です

$('select[name="m_mlt_t"] input[name="m_mlt_n"]') 

これは、任意の子要素を選択要素内に選択します。wh ICHはどんな意味がないと、おそらく適切な名前を持つすべてのマッチングを選択し、入力要素を選択...

$('select[name="m_mlt_t"], input[name="m_mlt_n"]') 

でなければなりません。

+0

ありがとうございました! (min reqを満たすためのフィラーテキスト) – jacob

関連する問題