【问题标题】:How to get the value of drop down list in ajax in php?如何在php中获取ajax中下拉列表的值?
【发布时间】:2013-12-18 10:53:29
【问题描述】:

如何在php中获取ajax下拉列表的值?

PHP 代码:

<select name="Department" id="Department" class="DropDown">
 <?php

     $sql = "select * from department_details";
     $exec = mysql_query($sql);

     echo "<option  value='0'>Select</option>";                                            

     while($row = mysql_fetch_array($exec))
     {  
 ?>

   <?php echo "<option value=\"".$row['DepartmentId']."\">".$row['DepartmentName']."</option> \n  "; ?> 

<?php } ?>

     <option value="other">Other</option>
   </select>

JavaScript 代码:

<script>

  $("#form").submit(function(event) {

  event.preventDefault();

  var $form = $( this ),
  value1 = $form.find( 'input[name="ProfessorName"]' ).val(),
  value2 = $form.find( 'input[name="Department"]' ).val(),

  url = $form.attr( 'action' );

  var posting = $.post( url, { ProfessorName: value1, Department: value2 } );

  posting.done(function( data ) {

  $( "#result" ).empty().append( data );
  });
  });
  </script>

如何在不刷新页面的情况下使用ajax从下拉列表中获取部门的值。

【问题讨论】:

    标签: javascript php jquery ajax


    【解决方案1】:

    使用 jquery 你可以试试这个

    value2 = $("#Department").val();
    

    【讨论】:

      【解决方案2】:

      要获取选择值,请更改:

      value2 = $form.find( 'input[name="Department"]' ).val(),
      

      value2 = $form.find( 'select[name="Department"]' ).val(),
      

      而且因为上面有id,所以可以直接make

      value2 = $form.find( '#Department' ).val(),
      

      您使用了输入选择器,但 Department 是一个选择元素。

      不要忘记将你的函数设为return false;,以防止表单被提交。

      【讨论】:

        【解决方案3】:

        当你使用 ajax 时,使用 Jquery 的Serialize

        使用它,您可以使用标准 URL 编码表示法创建文本字符串(超出表单字段值),方便进行 ajax 调用。

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2018-05-20
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2018-10-05
          • 1970-01-01
          相关资源
          最近更新 更多