Adding .val() without variable

Question

I'm trying to get the value of an input, but I can't have this:

$('#inputID').val();

Inside a seperate variable.

I have the following code:

var click = "$('#highlight"+n+"').replaceWith('<span id="+id+ " style="+c+">" + $("#input" + n + "").val() + "</span>');$('#black"+n+"').hide();$('#replace_box"+n+"').remove();";

This variable is not receiving the value of the input.

Can you explain to me why the following will not work?

$('#highlight"+n+"').replaceWith('<span id="+id+ " style="+c+">" + $("#input" + n + `"").val() + "</span>');`

And can I please get a solution. Cheers.

Your ' and " don't match at all - are you sure that is the code you are actually using? — BrokenGlass
– BrokenGlass, Commented Oct 23, 2011 at 18:02
Don't put jQuery code as literal string - it's wrong and totally pointless. — user447356
– user447356, Commented Oct 23, 2011 at 18:04
Yes Its correct code. Also this is my Unique Find/Replace System. You can find words on the document and then your suppose to be able to click each single word and then a box will open to replace just that one word. That's what I've been trying to do for weeks but I just can't find a solution for this! This has been so frustrating. And I was really hoping someone can finally give me the correct solution but everyone keeps on giving me useless comments(No Offence). But thanks for thanks for the help. You can see the Find/Replace system here: yolatools.yolasite.com/find-replace.php — Shawn31313
– Shawn31313, Commented Oct 23, 2011 at 18:09
The comments aren't "useless" and you should pay attention to them. — Pointy
– Pointy, Commented Oct 23, 2011 at 18:13

Nicola Peluchetti · Accepted Answer · 2011-10-23 18:15:21Z

3

I try some mind reading but this code won't work because you have wrong quotes:

$("#highlight"+n).replaceWith("<span id="+id+" style="+c+">"+$("#input" + n).val() +"</span>");

in any case this code would be better:

var span = $('<span />', {id: id, style: c});
span.html($("#input" + n).val());
$("#highlight"+n).replaceWith(span);

answered Oct 23, 2011 at 18:15

Nicola Peluchetti

76.9k32 gold badges150 silver badges197 bronze badges

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

2 Comments

Shawn31313 Over a year ago

What does that second code do. Note im injecting that highlight code into an onclick using an var.

Nathan Over a year ago

@Shawn31313 using a variable not "using an var" ;)

Collectives™ on Stack Overflow

Adding .val() without variable

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related