如何檢查是否從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下拉列表中選擇了一個項目？

回答

相關問題