获取选择表单上的选中项目 - Javascript

时间:2013-02-04 03:53:59

标签: javascript jquery forms select

我正在学习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或其他

的值

1 个答案:

答案 0 :(得分:0)

您可以使用select访问selectedIndex的值。

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