Bir öğenin bir HTML açılır listesinden seçilip seçilmediğini nasıl kontrol edebilirim?

Question

Bir damla drown listesi var ve sorun bir değer açılır listeden seçilen Aşağıda

benim HTML kodu olduğunu edilip edilmediğinin kontrol yaşıyorum:

Aşağıda

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

benim JavaScript kodu geçerli:

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

Answer 1

Iyi olması gerektiği dizenizle selectcard tırnak işareti cevapsız "selectcard"

if (card.value == selectcard) 

İşte

if (card.value == "selectcard") 

o

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

Answer 2

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

Answer 3

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

ve html için tam kodudur olmalıdır örneğin içindir

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

Şimdi bir form gönderirken, ilk olarak durumun değerini 0 olarak kontrol edin; bu, hiçbir öğenin seçilmediği anlamına gelir.

Answer 4

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