javascript variable not setting (possible jquery issue)

Question

I've got the a piece of a form where I've applied some javascript (the end-purpose of the js is to show the appropriate follow up question), but the part that loads the input's and select's values into variables doesn't seem to be working.

Here's the exact code:

# 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();
});

In the fiddle, I expect the span to fade in and display the values of the textfield and the dropdown. http://jsfiddle.net/vxvSU/

btw the code for the following custom functions isn't included, but I know they work
counter_multiChoice(),fadeOUT_sect(),fadeIN_sect()

I'm sure you know those other functions work, but the javascript engine doesn't, and won't let us see what's going wrong without them including the undefined qArray... — jondavidjohn
– jondavidjohn, Commented Dec 22, 2011 at 22:42
All I did was remove your line of code and add the comma like I originally suggested ... jsfiddle.net/vxvSU/4 — jondavidjohn
– jondavidjohn, Commented Dec 22, 2011 at 22:51

jondavidjohn · Accepted Answer · 2011-12-22 22:38:44Z

3

A first problem is your selector

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

This selects any child input elements inside the select element, which doesn't make any sense and should probably be...

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

Which selects all matching select, and input elements with the appropriate names.

answered Dec 22, 2011 at 22:38

jondavidjohn

62.5k21 gold badges120 silver badges159 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jakob Jingleheimer Over a year ago

Thank you! (filler text to meet min req)

Collectives™ on Stack Overflow

javascript variable not setting (possible jquery issue)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related