Adding JavaScript variable to href value in a jQuery selector [duplicate]

Question

I have some JavaScript I'm trying to edit. Basically the JavaScript is creating a button to click on if the color is red, which works, but I need to add the date to the actual href value.

if (color == "#DC3545") {
  var date = $("#selected_date").val();

  $("div.toolbar")
    .html('<a class="btn btn-primary" href="edit.php?Date=+date" >Edit Day</a>');
}

Look at the colorization in the question. It is using a literal string. — Taplar
– Taplar, Commented Sep 2, 2020 at 16:34
Yes, code highlighting can provide valuable clues. If your variable appears the same color as your string something's not right. — isherwood
– isherwood, Commented Sep 2, 2020 at 16:35

isherwood · Accepted Answer · 2020-09-02 16:35:03Z

1

You just need to fix up your string concatenation:

$("div.toolbar")
  .html('<a class="btn btn-primary" href="edit.php?Date=' + date + '" >Edit Day</a>');
  // ---------------------------------------------------^----------^

answered Sep 2, 2020 at 16:35

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

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

Collectives™ on Stack Overflow

Adding JavaScript variable to href value in a jQuery selector [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related