javascript – 如何在php中的ajax中获取下拉列表的值？

如何在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从下拉列表中获取department的值而不刷新页面.

解决方法:

要获取选择值,请更改：

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

至

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

因为你有一个id,你可以直接制作

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

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

不要忘记让你的函数返回false;,以防止表单被提交.