javascript变量没有设置(可能的jquery问题)

时间:2011-12-22 22:35:58

标签: javascript jquery variables

我已经获得了一个表单,其中我已经应用了一些javascript(js的最终目的是显示相应的后续问题),但加载input'的部分s和select的变量值似乎不起作用。

以下是确切的代码:

# 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/


btw不包括以下自定义函数的代码,但我知道它们的工作原理 counter_multiChoice()fadeOUT_sect()fadeIN_sect()

1 个答案:

答案 0 :(得分:3)

第一个问题是你的选择器

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

这会选择select元素中的任何输入元素,这没有任何意义,应该是......

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

选择具有相应名称的所有匹配的select,输入元素。