Как можно по клику на элемент менять select option?

Question

[redesupar]

Делаю форму где надо ставить звездочками оценку, хотел через radiobutton но сказал юзать сугубо select, вопрос как можно передавать по клику на элемент выбранные select?

<select style="display:none" name="poll[question1]" id="question1">
					<option>1</option>
					<option>2</option>
					<option>3</option>
					<option>4</option>
					<option>5</option>
					<option>6</option>
					<option>7</option>
					<option>8</option>
					<option>9</option>
					<option>10</option>
				</select>
				<div class="star">
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
    <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
  <div class="star__item"><i class="fa fa-star" aria-hidden="true"></i></div>
</div>

Comments

[Rsa97]

А зачем менять option, если будет взято только value? Зачем тут вообще select, достаточно обычного input.

[redesupar]

Rsa97, ну вот такая вот просьба сделать именно на select

[Сергей delphinpro]

redesupar, это не просьба, а херотень.
С точки зрения бэка, туда придет всего одно значение с заданным ключом.
Селект ваш скрытый, значит взаимодействие пользователя с ним не предполагается.
Значит можно селект заменить на банальный input type=hidden и ничего не поменяется

[Сергей delphinpro]

redesupar, но если вас заставляют под пытками, то меняйте у селекта свойство selectedIndex

document.getElementById('question1').selectedIndex = 3;

[redesupar]

Сергей delphinpro, хочу им сделать еще второй вариант который вы предлагаете

это будет так?

<span class="elementor-field-option">

    <input type="radio" value="1" id="form-field-field_3-0" name="question1" required="required" aria-required="true" >
    <label for="form-field-field_3-0">1</label></span>

  <span class="elementor-field-option">

  <input type="radio" value="2" id="form-field-field_3-1" name="question1" required="required" aria-required="true">

  <label for="form-field-field_3-1">2</label></span>

[redesupar]

Сергей delphinpro, передаю через php так

if (isset($_GET['id'])) {
		$id = ($_GET['id']);
		$begetdb->where ("id", $id);
		$order_data = $begetdb->getOne ("orders");
		
	}

	if(isset($_POST['poll'])) {
		include 'quiz.php';
		$quiz = new Quiz($_POST['poll']);
		$i = 0;
		foreach ($_POST['poll'] as $key => $value) {
			if(strripos($key, 'question') !== false) {
				$quiz->questions .= $value;
				if($i < count($_POST['poll']) - 1) {
					$quiz->questions .= ";";
				}
			}
			$i++;
		}
		if(strlen($quiz->questions) > 0) {
			$success = $quiz->InsertIntoDB();
		}
	}

[Сергей delphinpro]

redesupar, да, с радиокнопками вообще идеально. javascript не нужно привлекать.

Answer 1

[Deniel]

Делаешь обработчик события на элемент который кликаешь, и меняешь поле value у select'a на нужное