easyUI中选择下拉菜单和输入框的使用

最新推荐文章于 2024-10-01 21:28:00 发布

i_am_tomato

最新推荐文章于 2024-10-01 21:28:00 发布

阅读量8.1k

点赞数 2

分类专栏： JQuery

本文链接：https://blog.csdn.net/i_am_tomato/article/details/52131622

版权

JQuery 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近在做一个网站，涉及到需要实现下拉选择菜单和输入框的混合实现。此时想到了EasyUI上的插件的使用。

首先下载JQuery EasyUI

2. 参考代码

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>ComboBox - jQuery EasyUI Demo</title>
	<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="../themes/icon.css"/>
	<link rel="stylesheet" type="text/css" href="../css/demo.css"/>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
	<select name="add_NNo1" class="dfinput">
</head>
<body>
	<p>Simple ComboBox: </p>
	<select id="cc" class="easyui-combobox" name="555" style="width:200px;" data-options="required:true">
		<option value="AL">Alabama</option>
		<option value="AK">Alaska</option>
		<option value="CO">Colorado</option>
		<option value="CT">Connecticut</option>
		<option value="DE">Delaware</option>
		<option value="FL">Florida</option>
		<option value="GA">Georgia</option>
		<option value="HI">Hawaii</option>
		<option value="ID">Idaho</option>
		<option value="NV">Nevada</option>
		<option value="NH">New Hampshire</option>
		<option value="WY">Wyoming</option>
	</select>
</body>
</html>

其中需要

<span>	</span><script type="text/javascript" src="../js/jquery.easyui.min.js"></script>

<pre name="code" class="html"><span>	</span><link rel="stylesheet" type="text/css" href="../themes/default/easyui.css"/>
	<link rel="stylesheet" type="text/css" href="../themes/icon.css"/>
	<link rel="stylesheet" type="text/css" href="../css/demo.css"/>

导入这三个js 或者是 css 样式。在下载的EasyUI中可以找到上述所需要的js 或 css 样式。