Как добавлять атрибут selected при клике на ссылку?

Question

[pochtavasilina]

Как добавлять атрибут selected при клике на ссылку?

<article id="id14" class="encounter">
  <a class="encounter-inner" href="bronirovat">
  <div class="blue || preserve-image-ratio standard" style="background-image: url();">
  </a>
</article>

<label class="form-sub-label">
<select class="form-dropdown" size="1" >
<option value="id14" selected>1</option>
<option value="id15">2</option>
<option value="id16">3</option>
</select>
</label>

Comments

[Danya Kozlovskiy]

А какому элементу нужно добавить атрибут selected? Можно подробнее что вы хотите сделать

Answer 1

[Andrew]

document.querySelector('a').addEventListener((event) => {
  event.preventDefault();
  document.querySelector('select').value = "15"; //значение пункта который нужно сделать selected
});

Comments

[pochtavasilina]

значение пункта будет все время разный, мы его не знаем

[v3shin]

pochtavasilina, ну так

document.querySelector('select').value = event.target.id;

Но лучше через dataset.

[pochtavasilina]

Не добавляет selected

<script>
  document.querySelector('a').addEventListener((event) => {
  event.preventDefault();
  document.querySelector('select').value = event.target.id;
});
</script>

[Павел Корнилов]

<script>
  document.querySelector('a').addEventListener((event) => {
  var a= event.target.closest('article');
  if(!a) return;

  event.preventDefault();
  document.querySelector('select').value = a.id;
});
</script>

[pochtavasilina]

Павел Корнилов, и так не хочет добавлять selected

[Павел Корнилов]

pochtavasilina, ну, я принцип показал. А так, нужно и ошибки в коде подправить, например, добавить название события для обработчика.

Answer 2

[pochtavasilina]

У нас несколько ссылок и при клике на ссылку, значение пункта, который нужно сделать selected, может быть разным. Возможно связать условием одинаковые id ссылки и id значения пункта который нужно сделать selected?

Comments

[pochtavasilina]

спасибо разобрался