Определить номер выбранного индекса выпадающего меню? - PullRequest
Новая
       58

Определить номер выбранного индекса выпадающего меню?

0 голосов
/ 07 октября 2019

Я пытаюсь убедиться, что пользователь не выбирает метод раскрывающегося списка по умолчанию, определяя выбранный индексный номер. Кажется, он только возвращает false, хотя я верю, что код правильный ... Пока у меня есть код, указанный ниже, но он не работает, есть идеи? 

<p id="Gender">
			<label for="Gender">Gender: </label>
			<select required>
			<option disabled selected value="Select">Select</option>
			<option value="Male">Male</option>
			<option value="Female">Female</option>
			</select>
		</p>

 function validate1() { 
  valCheck3 = true;
	var dropD1 = document.getElementById("Gender");
	var resultSelect = dropDown1(dropD1);
	var image3 = getImage(Boolean(resultSelect), "gender");
	var labelGender = getNotification3(Boolean(resultSelect), "gender");
	document.getElementById("Gender").appendChild(image3);
	document.getElementById("Gender").appendChild(labelGender);
  }
  
  function dropDown1(select){
	if(select.selectedIndex > 0){
		return true;
	}
	valCheck3 = false;
	return false;
  }

РЕДАКТИРОВАТЬ: я добавил HTML, я использовал параметр, чтобы сделать ответ, проблема в том, что мне нужна кнопка, которая проверяет, был ли выбран ответ для вставкиизображение рядом с коробкой. Таким образом, в этом случае я подумал, что могу определить выбранный индекс выпадающего списка, чтобы я мог определить

Ответы [ 2 ]

1 голос
/ 07 октября 2019

Вы можете добавить атрибут required к элементу выбора, а затем добавить некоторый атрибут value к каждому параметру, кроме первого (используйте value без самого значения, т.е. value = "1"). Затем вы можетепросто используйте select.checkValidity (), который возвращает true или false.

0 голосов
/ 07 октября 2019

Я пытаюсь убедиться, что пользователь не выбирает по умолчанию выпадающий список

Вы можете просто добавить атрибут disabled к <option>, а также сделатьэто по умолчанию. Если пользователь открывает раскрывающийся список, параметр по умолчанию больше нельзя щелкнуть, и пользователь должен выбрать другой параметр.

Пример: 

<form action="">
    <select required>
        <option disabled selected value>Default option</option>
        <option>Option 1</option>
        <option>Option 2</option>
        <option>Option 3</option>
    </select>
    <input type="submit">
</form>
...