Change selected div from query string [closed]

Question

Closed. This question needs to be more focused. It is not currently accepting answers.

Want to improve this question? Guide the asker to update the question so it focuses on a single, specific problem. Narrowing the question will help others answer the question concisely. You may edit the question if you feel you can improve it yourself. If edited, the question will be reviewed and might be reopened.

Closed 6 years ago.

Improve this question

I have the following dropdown based on bootstrap.

<div class="form-group">
  <label for="form_name">Title</label>
  <select id="hpsel" class="c-form-profession form-control">
    <option value="con01">Option 1</option>
    <option value="con02">Option 2</option>
    <option value="con03">Option 3</option>
    <option value="con04">Option 4</option>
  </select>
</div>

I want to change selected value from query string so ?something=con02 opens the page with con02 pre-selected.

I tried a few ways from other answers but they don't seem to work on my bootstrap dropdown.

can you post what you tried ? or links to those answers and how they failed to do what you want? — Gabriele Petrioli
– Gabriele Petrioli, Commented Feb 27, 2019 at 9:05

Piyush Pant · Accepted Answer · 2019-02-27 09:17:16Z

3

you can try this:

const urlParams = new URLSearchParams(window.location.search);
const something = urlParams.get('something');

document.getElementById('hpsel').value = something;

answered Feb 27, 2019 at 9:17

Piyush Pant

668 bronze badges

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

Comments

James Coyle · Accepted Answer · 2019-02-27 09:08:51Z

1

You can probably do something like this:

const urlParams = new URLSearchParams(window.location.search);
const myParam = urlParams.get('something');

document.querySelector('option[value=' + myParam + ']').setAttribute('selected', "")

answered Feb 27, 2019 at 9:08

James Coyle

10.5k2 gold badges42 silver badges49 bronze badges

1 Comment

Terry Over a year ago

Bonus tip: you can let the browser select the matching <option> automagically, if you set the value of the <select> element to a value that matches any of the <option> elements' value.

Collectives™ on Stack Overflow

Change selected div from query string [closed]

2 Answers 2

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Linked

Related