Проверка того, что опция в моей форме выбрана, не будет работать

Я пытаюсь проверить, выбран ли параметр в моей форме (любой вариант), хотя он не работает.Проверка того, что опция в моей форме выбрана, не будет работать

Я проверяю не конкретно; это мой код:

if (document.getElementById('fillingtype') = selected;) { 
 
    alert('yes'); 
 
} else { 
 
    alert('no'); 
 
}

<select id="fillingtype" name="filling"> 
 
    <option id="tuna" value="tunamayo">Tuna Mayo</option> 
 
    <option value="smokeychicken">Smokey Chicken + Crisp Lettuce</option> 
 
    <option value="pizza">Meat Feast Pizza filling</option> 
 
    <option value="hamcheese">Ham + Cheese</option> 
 
</select>

Я не могу заставить его работать, любые предложения по различным решениям было бы весьма признателен.

источник

2017-02-09 Ory

Синтаксическая ошибка: 'if (document.getElementById ('filltype'). Selected)' A single = выполняет назначение, а не compa rison, так что в основном вы говорите: «Установите элемент dom, который я получаю из документа, в переменную, выбранную вместо« если элемент, который я получил из DOm, выбирает, тогда ... » – Shilly

Я думаю, всегда есть выбранное значение (по умолчанию он будет Тунец Mayo), Вы можете добавить слушатель, когда пользователь выбирает новое значение, например, что:

document.getElementById('fillingtype').addEventListener('change',function(){ 
 
    console.log(this.value) 
 
});

<select id="fillingtype" name="filling"> 
 
    <option id="tuna" value="tunamayo">Tuna Mayo</option> 
 
    <option value="smokeychicken">Smokey Chicken + Crisp Lettuce</option> 
 
    <option value="pizza">Meat Feast Pizza filling</option> 
 
    <option value="hamcheese">Ham + Cheese</option> 
 
</select>

источник

2017-02-09 10:07:17 naortor

Мы могли бы добавить не-вариант по умолчанию с пустым значением.

<option selected value="">Please Select</option>

И если значение пустое означает, что пользователь не выбрали вариант:

if(document.getElementById('fillingtype').value)

Вы можете увидеть пример здесь: https://jsfiddle.net/mpad/8es6eunm/4/

источник

2017-02-09 10:42:13

-1

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width"> 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
</head> 
<body> 
<form> 
<select id="fillingtype" name="filling"> 
    <option value="tunamayo">Tuna Mayo</option> 
    <option value="smokeychicken">Smokey Chicken + Crisp Lettuce</option> 
    <option value="pizza">Meat Feast Pizza filling</option> 
    <option value="hamcheese">Ham + Cheese</option> 
</select> 
    </form> 

<script> 
$("#fillingtype").change(function() { 
alert($("#fillingtype option:selected").text()); 
}); 
</script> 
</body> 
</html>

http://jsbin.com/tikifi/1/edit?html,js,console,output

источник

2017-02-09 11:13:09 MTECH

Проверка того, что опция в моей форме выбрана, не будет работать

ответ

Смежные вопросы