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

我有一个下降淹死列表，我无法确认是否值已经从下拉列表中选择如何检查是否从HTML下拉列表中选择了一个项目？

下面是我的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"); 
}

来源

2013-04-13 littledevils326

嗯，你错过了周围的字符串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 Fiddle Demo

来源

2013-04-13 11:14:22 Sachin

那么你的小提琴检索选定的文本。他正在寻找的是，如果用户错过选择获取警报，选择 – Mee

@Mee ohh抱歉只是误解OP。现在我已经更新了我的答案。 – Sachin

@Sachin正常工作。 '.text'对我来说看起来很奇怪。好一个。 +1; D – Mee

<label class="paylabel" for="cardtype">Card Type:</label> 
<select id="cardtype" name="cards"> 
<option value="selectcard">--- Please select ---</option> 
<option value="mastercard" selected="selected">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 /> 

<script> 
    var card = document.getElementById("cardtype"); 
    if (card.options[card.selectedIndex].value == 'selectcard') { 
      alert("Please select a card type"); 
      return false; 
    } 
</script>

来源

2013-04-13 11:23:27

function check(selId) { 
    var sel = document.getElementById(selId); 
    var dropDown_sel = sel.options[sel.selectedIndex].text; 
    if (dropDown_sel != "none") { 

      state=1; 

    //state is a Global variable initially it is set to 0 
    } 
} 


function checkstatevalue() { 
     if (state==1) { 
      return 1; 
     } 
     return false; 
    }

和HTML完整的代码是例如

<form name="droptest" onSubmit="return checkstatevalue()"> 

<select id='Sel1' onchange='check("Sel1");'> 
    <option value='junaid'>Junaid</option> 
    <option value='none'>none</option> 
    <option value='ali'>Ali</option> 
</select> 

</form>

现在，当提交表单时，首先检查状态值是多少，如果它是0，则表示没有选择任何项目。

来源

2013-04-13 11:27:52

<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>

来源

2013-04-13 11:38:20

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

回答

相关问题