PHP实现可编辑查询下拉框

时间:2022-11-21 17:47:11

实现方式:EasyUIcombobox控件

实现效果如下:

   PHP实现可编辑查询下拉框  ______PHP实现可编辑查询下拉框

实现过程如下:

下拉框(select):

 <select name="jxID"  class="easyui-combobox" >

         <volist name="type" id="vo">

 <option value ="{$vo.SchoolID}" >{$vo.Schoolname}</option>

         </volist> 

 </select>

其中需要引入的头文件是:

<link rel="stylesheet" type="text/css" href="../styles/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="../styles/themes/icon.css">

<link rel="stylesheet" type="text/css" href="../styles/demo.css">

<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script>

<script type="text/javascript" src="http://www.jeasyui.net/Public/js/easyui/jquery.easyui.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/default/easyui.css">

<link rel="stylesheet" type="text/css" href="http://www.jeasyui.net/Public/js/easyui/themes/icon.css">

另:combobox的值需要通过以下方式获取:

 $sa = $('#jxID').combobox('getValue');

 var jxID = $sa.val();     

注:

1)下拉框的数据以volist的方法循环输出,,并且是从数据库中获取的,也可以直接赋值,其中,从数据库中取数据需要在方法里处理,这里就不给出具体方法了。

2)其中easyui的控件不是所有界面都可以使用,同时须得考虑浏览器的兼容性