Join the Stack Overflow Community
Stack Overflow is a community of 6.8 million programmers, just like you, helping each other.
Join them; it only takes a minute:
Sign up
up vote 0 down vote favorite

I have some short code for a button in html:

<input type="button" onClick="showSelectsVar('sText2id');">
<select name="sText2id" id="sText2id" value="Third">
  <option value="1st">First</option>
  <option value="2nd">Second</option>
  <option value="3rd">Third</option>
</select>

function showSelectsVar (x) {
    x=document.getElementById(x).value;
    var insertTextVar = document.createTextNode(x);
    var child = document.getElementById(x);
    child.parentNode.insertBefore(insertTextVar,child);
}

this is the Jsfidde

i think the problem is in the js, but i got stuck

I want to pass an id of a select menu to a js function, the function then inserts the current value of the selectmenu into the page dynamically.

Is there a resource that help understand when to use single, double and no quotes when passing parameters?

Thanks

share|improve this question
    
There's not much to understand. Single or double, if you put some inside quotes, that's a string. No quotes, that's a variable – Ryan.Hunt Jan 23 '15 at 20:33
up vote 1 down vote accepted

If you are passing a string, then use quotes around the string. As single and double quotes are equivalent, it would make most sense to use single quotes in your example, otherwise you end up having to escape quotes and it starts getting messy.

If you are passing a literal number or the name of a variable, do not use quotes.

More information on quotes: When to Use Double or Single Quotes in JavaScript.

share|improve this answer
up vote 1 down vote

Fixed it, after stepping away for an hour.

I either need to re-declare the 1st "x" in the function or change the "x" to another variable. I have changed the variable to "xVar" and it is working.

Thanks anyway.

function showSelectsVar (x) {
    xVal = document.getElementById(x).value;
    var insertTextVar = document.createTextNode(xVal);
    var child = document.getElementById(x);
    child.parentNode.insertBefore(insertTextVar,child);
}
share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.