檢查我的表單中的選項是否被選中將不起作用

我試圖檢查是否在我的表單（任何選項）中選擇了一個選項，儘管它不工作。檢查我的表單中的選項是否被選中將不起作用

我檢查不是專門的;這是我的代碼：

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（'fillingtype'）。selected）'單個=分配，不分配rison，所以基本上你會說'如果我從DOm獲得的元素被選中，那麼'將我從文檔中獲得的dom元素設置爲所選的變元''而不是'，然後......' – Shilly

我想總有一個選擇的值（默認情況下它會金槍魚梅奧），您可以添加一個偵聽當用戶選擇這樣的一個新的價值：

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

檢查我的表單中的選項是否被選中將不起作用

回答

相關問題