0

私は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またはその他を表示します

4

1 に答える 1

0

selectを使用することの価値にアクセスできますselectedIndex。

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

各オプションには、それ自体を識別する独自の番号があります。要素の場合select、最初のオプションのaselectedIndexは0で、2番目のオプションのaselectedIndexは1というようになります。これから、どちらoptionが選択されているかがわかります。

DEMOを参照してください。

これを試して：

var num2 = document.getElementById("ciudades").selectedIndex;
if (num2==0){
     $('#armenia').show();
} 
if (num2==1){
     $('#cartagena').show();
     alert("cartagena");
}
于 2013-02-04T04:06:17.010 に答える