獲取檢查項目選擇形式 - 的Javascript

Question

林學習JavaScript和我有這樣的功能：

function getRadioCity() { 
    for (index=0; index < document.form_data2.ciudades.length; index++) { 
     if (document.form_data2.ciudades[index].checked) { 
      var radioValue =form_data2.ciudades[index].value; 
      return parseInt(radioValue); 
     } 
    } 
} 

功能工作正常，但如果我有一個選擇窗體，而不是收音機？

例如：

<div id="content" style="display:none;"> 
<form name="form_data2" id="form_data2"> <br> 

<select name="ciudades" id="ciudades"> 
<option value="33">Armenia</option> 
<option value="34">Cartagena</option> 
</select> 
<input value="Enviar" id="btn_enviar" href="javascript:toggle() </input> <br /> <br />   <label id=" mensaje2="" type="button"> </form> 
    <div id="resultado2"></div> 
    </div> 

在此先感謝您的幫助。生病嘗試同樣的事情，但doenst工作..

編輯：

我試圖做這樣的事情：

 $(document).ready(function(){ 
$('#btn_enviar').click(function(){ 

    if(validaSelect('ciudades','ciudades') == false) return false; 


    $.ajax({ 
     type:'POST', 
     url :'upload2.php', 
     data: $('#form_data2').serialize(), 
     beforeSend : function(){ 
      $('#mensaje2').html('Enviando datos...'); 
     }, 
     success: function (data){ 
       $('#mensaje2').html('Datos enviados correctamente.'); 
       $('#resultado2').html(data);  
     }, 
     complete: function(){ 
      $('#form_data2').slideUp(); 
      $('#resultado2').slideDown(); 
       $('#content2').show(); 
       $('#flecha2').show(); 
      var num2 = getRadioCity(); 
     if (num2==1){ 
      $('#armenia').show(); 

     } 
     if (num2==2){ 
      $('#cartagena').show(); 
      alert("cartagena"); 

     } 



     } 
    }); 

}); 


     }); 

取決於選擇基本上得到的值，並顯示一個div或其他

Answer 1

您可以使用selectedIndex訪問select的值。

document.getElementById("ciudades").onchange = function() { 
    alert(this.selectedIndex); 
} 

每個選項都有自己的編號標識自己。在select元素的情況下，第一個選項的selectedIndex爲0，第二個的selectedIndex爲1等等。從這裏你可以知道哪個option被選中。

參見DEMO。

試試這個：

var num2 = document.getElementById("ciudades").selectedIndex; 
if (num2==0){ 
    $('#armenia').show(); 
} 
if (num2==1){ 
    $('#cartagena').show(); 
    alert("cartagena"); 
}