PHP实现可编辑查询下拉框

曾经终败给现在 2022-08-02 10:48 226阅读 0赞

实现方式：EasyUI的combobox控件

实现效果如下：

![Center][] \_\_\_\_\_\_![Center 1][]

实现过程如下：

下拉框（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的控件不是所有界面都可以使用，同时须得考虑浏览器的兼容性

[Center]: https://img-blog.csdn.net/20150717090514792?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: /images/20220731/bc9e24ca78024de0b3f1ec9fc29994c9.png

发表评论取消回复

表情：

评论列表（有 0 条评论，226人围观）

还没有评论，来说两句吧...

相关阅读

相关 wxComboCtrl 示例：用 wxWidgets 创建可编辑下拉框

wxComboCtrl 示例：用 wxWidgets 创建可编辑下拉框 wxComboCtrl 类是 wxWidgets 提供的一个控件类，可以用于创建可编辑的下拉框，提供了

淡淡的烟草味﹌/ 2024年03月24日 16:26/ 0 赞/ 82 阅读

相关 java Swing 的下拉框JComboBox可编辑可多选示例

先上图： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

ゞ浴缸里的玫瑰/ 2023年06月28日 14:27/ 0 赞/ 192 阅读

相关查询下拉框

开发工具与关键技术：WPF 作者：文泽钦撰写时间：2021.01.18 先写一个下拉框，我这里用商品功能下拉框为例。 ![在这里插入图片描述][2021012

秒速五厘米/ 2023年01月09日 01:16/ 0 赞/ 186 阅读

相关可下拉可输入的输入框实现方法

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

今天药忘吃喽~/ 2023年01月08日 02:10/ 0 赞/ 359 阅读

相关可编辑的组合框JComboBox实现可删除,可添加下拉选项效果

参考文章：[可编辑的组合框JComboBox实现可删除下拉选项效果][JComboBox] [JComboBox监听回车键][JComboBox 1] LabelCell

亦凉/ 2022年09月10日 02:27/ 0 赞/ 242 阅读

相关 EasyUI，comobox兼容可编辑和和下拉框

问题初遇最近在开发一个功能的时候遇到一个问题。 EasyUI中的comobox，组合框可以在下拉框中选择，也可以手动输入后，因为有自带的模糊查询，下拉框中有

小咪咪/ 2022年08月05日 11:27/ 0 赞/ 261 阅读

相关 PHP实现可编辑查询下拉框

实现方式：EasyUI的combobox控件实现效果如下： ![Center][] \_\_\_\_\_\_![Center 1][] 实现过程如下：下拉框（sel

曾经终败给现在/ 2022年08月02日 10:48/ 0 赞/ 227 阅读

相关用input做的下拉框，可编辑的下拉框

<input type="text" list="itemlist" name=""> <datalist id="itemlist"> <option>item1</op

傷城~/ 2022年05月22日 05:13/ 0 赞/ 327 阅读

相关可编辑下拉列表

转载[http://zxh277100963.iteye.com][http_zxh277100963.iteye.com] 使用CSS样式设置，兼容IE、Chrome、Fi

柔光的暖阳◎/ 2022年04月14日 06:08/ 0 赞/ 338 阅读

相关 HTML实现可编辑下拉框

前言在HTML中下拉框是不能进行编辑的，我们可通过Select下拉框和input实现commbox功能思想：通过绝对定位实现input覆盖Select

墨蓝/ 2021年09月14日 14:30/ 0 赞/ 1083 阅读