我已经获得了一个表单,其中我已经应用了一些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()
答案 0 :(得分:3)
第一个问题是你的选择器
$('select[name="m_mlt_t"] input[name="m_mlt_n"]')
这会选择select元素中的任何子输入元素,这没有任何意义,应该是......
$('select[name="m_mlt_t"], input[name="m_mlt_n"]')
选择具有相应名称的所有匹配的select,和输入元素。