javascript - 在选择表单上获取检查项目 - 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>

在此先感谢您的帮助。生病尝试了同样的事情，但没有工作..

编辑：

我试图做这样的事情：

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

您可以访问selectusing的值selectedIndex。

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

每个选项都有自己的编号来标识自己。在select元素的情况下，第一个选项的 aselectedIndex为 0，第二个选项的 aselectedIndex为 1，依此类推。从这里你可以知道哪个option被选中。

见演示。

尝试这个：

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