如何检查是否从 HTML 下拉列表中选择了一个项目？

Question

我有一个下拉列表，我无法检查是否从下拉列表中选择了一个值

下面是我的 HTML 代码：

 <label class="paylabel" for="cardtype">Card Type:</label>
<select id="cardtype" name="cards">
    <option value="selectcard">--- Please select ---</option>
    <option value="mastercard">Mastercard</option>
    <option value="maestro">Maestro</option>
    <option value="solo">Solo (UK only)</option>
    <option value="visaelectron">Visa Electron</option>
    <option value="visadebit">Visa Debit</option>
</select><br/>

下面是我的 JavaScript 代码：

 var card = document.getElementByName("cards")[0].value;
if (card.value == selectcard) {
    alert("Please select a card type");
}

原文由 littledevils326 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

好吧，您错过了字符串周围的引号 selectcard 它应该是 "selectcard"

 if (card.value == selectcard)

应该

if (card.value == "selectcard")

这是完整的代码

function validate()
{
 var ddl = document.getElementById("cardtype");
 var selectedValue = ddl.options[ddl.selectedIndex].value;
    if (selectedValue == "selectcard")
   {
    alert("Please select a card type");
   }
}

JS 小提琴演示

原文由 Sachin 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

<script>
var card = document.getElementById("cardtype");
if(card.selectedIndex == 0) {
     alert('select one answer');
}
else {
    var selectedText = card.options[card.selectedIndex].text;
    alert(selectedText);
}
</script>

原文由 Ashish Chopra 发布，翻译遵循 CC BY-SA 3.0 许可协议