下拉框代码怎么写

下拉框代码
2013-05-25 11:48:57
在做表单的时候，有时应以业务需要，组要表单下拉框实现树形结构代码，这是一个很好的借鉴资料。
收起
jQuery基于Layui搜索下拉框代码
2021-01-14 09:09:45
jQuery基于Layui搜索下拉框代码
收起
js+xml生成级联下拉框代码
2020-10-28 00:13:21
js+xml生成级联下拉框代码，需要的朋友可以参考下
收起
简单的vue三级联动下拉框代码
2020-06-11 10:04:37
一款简单的基于vue实现的三级联动下拉框代码，适用于各种三级联动下拉菜单选择功能。
收起
用jQuery实现的模拟下拉框代码
2020-11-30 21:32:18
很多群员问了关于下拉框美化的问题... 第一步：先搭建好结构这是普通的下拉框代码： XML/HTML代码代码如下: <select name=”abc” id=”abc”> ”1″>选项一</option> ”2″>选项二</option> ”3″>选项三<
收起
jQuery select国家国旗下拉框代码.zip
2019-07-04 00:04:15
jQuery select国家国旗下拉框代码基于jQuery.1.10.2min.js制作，输入字母快速查找，国旗图标、国家名称，下拉框。 jQuery select国家国旗下拉框代码 截图
收起
ecshop仿淘宝下拉框代码
2014-04-08 00:59:45
ecshop仿淘宝下拉框代码还不错哦，需要的朋友可以下载调试
收起
jQuery基于Layui搜索下拉框代码.zip
2019-07-05 00:25:26
jQuery基于Layui搜索下拉框代码是一款支持中文跟首字母搜索下拉提示列表代码。
收起
jQuery选择日期时间下拉框代码.zip
2019-07-05 00:02:39
jQuery选择日期时间下拉框代码是一款基于vue.js制作下拉框菜单选择和日期时间选择特效。
收起
各类多选下拉框代码1.zip
2019-09-23 23:29:12
多种下拉框的代码demo,可以参考下，很实用，，，，，，，
收起
jquery select带筛选下拉框代码.zip
2019-07-05 00:28:48
脚本简介jquery select带筛选下拉框代码是一款基于bootstrap的js下拉框控件，支持搜索过滤数据，支持数据分组等其他使用功能。
收起
adnroid 下拉框代码整理
2019-04-08 01:17:27
NULL 博文链接：https://myhearsnow.iteye.com/blog/1599460
收起
ASP四级联动下拉框代码
2012-08-16 13:08:15
ASP四级联动下拉框代码，可以给asp技术开发的同学做一个参考
收起
ASP
带搜索过滤ajax加载下拉框代码.zip
2019-07-05 00:29:38
带搜索过滤ajax加载下拉框代码是一款支持选项搜索过滤和Ajax远程加载的select下拉选择框jQuery插件。
收起
Macromedia Dreamweaver 8QQ下拉框代码
2010-06-14 20:05:32
Macromedia Dreamweaver 8中如何添加如QQ似的下拉框，这里有我的代码呀想要的看看呀！！！！
收起
jQuery实现鼠标经过购物车出现下拉框代码(推荐)
2020-10-21 21:45:21
在做web前端项目开发的时候，使用jquery库的感触颇多，下面小编通过写购物车的下拉框做法，把我的想法给大家分享一下，感兴趣的朋友可以参考下
收起
JS自动补全下拉框代码
2010-12-22 11:10:27
类似于百度和GOOGLE搜索框那样的自动补全,此代码只是编写了最基础的代码,AJAX部分需要自己写.测试了IE6,IE8,还有FF.都可以正常运行.代码里面加了注释
收起
js 自动补全
百度下拉框代码 百度推荐词代码
2014-05-20 18:48:13
suggestion.baidu.com/su?wd=小三阳
```
 suggestion.baidu.com/su?wd=小三阳
 
```
收起
展开全文
jQuery Select下拉框美化代码
2020-06-12 02:02:04
这是一款绿色清新风格的带有滚动条jQuery美化Select下拉框代码特效。
收起

Excel制作多选下拉框代码以及图示

2019-10-09 19:14:37

1.首先点击Sheet1(需要显示多选框的页) ，然后右键查看代码，进入编辑界面 2.写入如下代码 Private Sub Worksheet_SelectionChange(ByVal Tar...

1.首先点击Sheet1(需要显示多选框的页) ，然后右键查看代码，进入编辑界面

2.写入如下代码

Private Sub Worksheet_SelectionChange(ByVal Target As Range)
If ActiveCell.Column = 12 And ActiveCell.Row > 1 Then
Data.Show
End If
End Sub

意思是写入监听程序当点击单元格处于第一行一下并且是第十二列的时候出现载着多选框的窗体（Data是窗体名称左侧点击窗体新建）

3.点击窗体名称画上多选框（listbox）右键查看代码进入编辑页面

代码：可以自行修改内容

Private Sub CommandButton1_Click()

Dim msg$, i&, j
j = " "
msg = ""
For i = 0 To ListBox1.ListCount - 1
If ListBox1.Selected(i) Then msg = msg & ListBox1.List(i) & j
Next
Data.Hide
ActiveCell.Value = "" & msg
End Sub

Private Sub UserForm_Activate()
ListBox1.Clear
ListBox1.FontSize = 12
ListBox1.AddItem "白城"
ListBox1.AddItem "松原"
ListBox1.AddItem "白山"
ListBox1.AddItem "吉林"
ListBox1.AddItem "长春"
ListBox1.AddItem "辽源"
ListBox1.AddItem "四平"
ListBox1.AddItem "通化"
ListBox1.AddItem "延边"
End Sub

4.最后效果

更多专业前端知识，请上【猿2048】www.mk2048.com

收起

展开全文

JQuery Mobile实现动态下拉框代码

千次阅读 2013-11-06 10:30:19

JSP页面代码： ${sysTitle} href="./resource/jqm1.2/css/themes/default/jquery.mobile-1.2.0.min.css"> 返回 ${itemname} <form method="post"


  
JSP页面代码： 
 
<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>${sysTitle}</title>
<link rel="stylesheet"
	href="./resource/jqm1.2/css/themes/default/jquery.mobile-1.2.0.min.css">
<link rel="stylesheet" href="./resource/jqm1.2/css/jqm-docs.css">
<script src="./resource/jqm1.2/js/jquery.js"></script>
<script src="./resource/jqm1.2/js/jquery.mobile-1.2.0.min.js"></script>
<script src="./campus/wap/js/rttopHtml5.base.js" type="text/javascript"></script>
<script src="./campus/wap/js/include.js" type="text/javascript"></script>
<script src="./campus/wap/js/sterminus.js" type="text/javascript"></script>

</head>

<body>
	<div data-role="page" id="sterminus_index">
		<div data-role="header" data-theme="c" data-position="fixed">

			<a href="#" id="btnbackIndex" data-role="button" data-icon="arrow-l">返回</a>
			<h4>${itemname}</h4>

		</div>
		<div data-role="content">
			<form method="post"  
				id="terminusform">
				<span>终端名称：</span>
				<input name="phonemodels" id="phonemodels" type="text"  />
				<span>IME号：</span>
				<input name="imeinumber" id="imeinumber" type="text" /> 
				
				<span>代办商：</span>
				<select id="agent" name="agent">
					<!-- <option value="1" selected>海科</option>
					<option value="2">海科2</option> -->
				</select> 
				<span>手机号码：</span>
				<input name="cmobile" id="cmobile" type="text"  />
				<span>客户姓名：</span>
				<input name="cname" id="cname" type="text" /> 
				<span>性别：</span>
				<select id="sex" name="sex">
					<option value="1" selected>男</option>
					<option value="2">女</option>
				</select> 
				<span>身份证号：</span>
				<input name="ccardnum" id="ccardnum" type="text" />
				<span>生日：</span>
			    <input id="cbirth" name="cbirth"  type="text">
			    <font color="red">格式为：yyyy-mm-dd 如：2013-10-10</font><br />
				<span>家庭住址：</span>
				<input name="chomeaddr" id="chomeaddr" type="text" />
				<div class="ui-grid-a">
					<div class="ui-block-a">
						<a data-role="button" id="btnsubmit" data-theme="C">保存</a>
					</div>
					<div class="ui-block-b">
						<a data-role="button" id="btncanel" data-theme="e">重置</a>
					</div>
				</div>
			</form>
		</div>
		<div data-role="footer" data-theme="c" data-position="fixed">
			<h1>
				<font size="2px">${copyRight}</font>
			</h1>
		</div>
	</div>

</body>
</html>

 JS代码： 
 
 
//营销活动办理信息录入页面创建事件
$('#sterminus_index').live("pagecreate", function() {
	 //返回
	   $(this).delegate('#btnbackIndex', 'click', function(e) {
		   window.location.href = "windex.do?reqCode=indexInit";
	     });
	   
	 //动态绑定值到代办商
	   $.ajax({ 
		   type:"post", 
		   url:"windex.do?reqCode=mobileagentDataLoad", 
		   data:"", 
		   success:function(data) {
		   var map =  eval("("+data+")"); 
			   $.each(map,function(key,value){
				   var code = value.code;
				   //alert(code);
				   var codedesc=value.codedesc;
				   
			   $("<option value="+code+">"+codedesc+"</option>").appendTo("#agent"); 
			   		} 
			   );  
		   	} 
		   }); 
	   
	 //保存
	   $("#btnsubmit").bind("click", function() {
		   var phonemodels = document.getElementById('phonemodels').value;
		   var imeinumber = document.getElementById('imeinumber').value;
		   var agent = document.getElementById('agent').value;
		   var cmobile = document.getElementById('cmobile').value;
		   var cname=document.getElementById('cname').value;
		   var ccardnum=document.getElementById('ccardnum').value;
		   var cbirth=document.getElementById('cbirth').value;
		   var sex=document.getElementById('sex').value;
		   var chomeaddr=document.getElementById('chomeaddr').value;
	       
		   if (phonemodels == "" || imeinumber == "" || cmobile == "" || cname == "" || ccardnum == "" || cbirth == "" || chomeaddr == "") {
               alert("请填写完整数据！");
               return;
           }

		   if (!checkRQ(cbirth)) {
               alert("生日的日期格式输入有误,请核对!格式为：yyyy-mm-dd 如：2013-10-10");
               document.getElementById('cbirth').focus();
               return;
           }
		  
		   $.ajax({

               type: "POST",
               url: "windex.do?reqCode=saveTerminusByMobilePhone",
               data: $("form#terminusform").serialize(),
               success: function(d){
               var r= $.parseJSON(d);
               var msg=r.msg;
   	           
   	           if(r.success==true)
   	        	   alert(msg);
		   	       $('#phonemodels').val('');
		 		   $('#imeinumber').val('');
	   	           $('#cmobile').val('');
	   	           $('#cname').val('');
	   	           $('#ccardnum').val('');
	   	           $('#cbirth').val('');
	   	           $('#chomeaddr').val('');
		 	},
               error:function(d){
                   var r= $.parseJSON(d);
                   var msg=r.data;
            	   alert(msg);
					//alert("网络无法连接服务器");
				}
           
		   });
		  
	     });
	   //取消
	   $("#btncanel").bind("click", function() {
		   $('#phonemodels').val('');
		   $('#imeinumber').val('');
		   $('#cmobile').val('');
		   $('#cname').val('');
		   $('#ccardnum').val('');
		   $('#cbirth').val('');
		   $('#chomeaddr').val('');
	     });
	  
});
 action代码： 
 
 
/**
	 * 代办商信息加载
	 * 
	 * @param
	 * @return
	 */
	@SuppressWarnings({ "unchecked", "rawtypes" })
	public ActionForward mobileagentDataLoad(ActionMapping mapping, ActionForm form,
			HttpServletRequest request, HttpServletResponse response)
			throws Exception {
		Dto dto = new BaseDto();
		Dto outDto = new BaseDto();
		String field = "MOBILEAGENT";
		String fieldname = "移动代办商类型";
		dto.put("field", field);
		dto.put("fieldname", fieldname);

		List list = g4Reader.queryForList(
				"WapData.queryMobileAgentData", dto);
		outDto.put("jsonString", JsonHelper.encodeObject2Json(list));
		write(outDto.getAsString("jsonString"), response);
		return mapping.findForward(null);
	} IBatis代码： 
 
 
<!-- 查询-代办商信息 -->
	<select id="queryMobileAgentData" parameterClass="map" resultClass="dto"
		remapResults="true">
		select t.code,t.codedesc from eacode t where 1=1
		<dynamic>
			<isNotEmpty prepend="AND" property="field">
				t.field=#field#
			</isNotEmpty>
		</dynamic>
		<dynamic>
			<isNotEmpty prepend="AND" property="fieldname">
				t.fieldname=#fieldname#
			</isNotEmpty>
		</dynamic>
		  order by t.code
	</select> 
效果图：

收起

展开全文

jQuery select国家国旗下拉框特效代码
2021-03-20 04:38:43
jQuery select国家国旗下拉框代码基于jQuery.1.10.2min.js制作，输入字母快速查找，国旗图标、国家名称，下拉框。 jQuery select国家国旗下拉框代码 截图
收起
jQuery酷炫黑色下拉框选择代码
2021-04-25 05:36:28
jQuery酷炫黑色下拉框选择代码是一款带关键词搜索筛选和全选取消功能的下拉框ui布局特效。
收起

前台下拉框js代码

2018-12-18 18:31:40

前端下拉框代码: html代码: <select id="names" autocomplete="off" data-options="required:true,editable:false" style="width:100px;border: 1px solid #...

   前端下拉框代码: 
html代码:     

   
<select id="names"  autocomplete="off"  data-options="required:true,editable:false"
                             style="width:100px;border: 1px solid #ccc">
             <option value="0"  selected="selected" >--请选择成员--</option>
  </select> 
//获取下拉框的值并触发方法 
$("select#userName").change(function(){ 
})    <script src="../../../../../../weikang-weixin/statics/libs/jquery-editable-select.min.js"></script>
     <link rel="stylesheet" href="../../../../../../weikang-weixin/statics/css/jquery-editable-select.min.css">
                   第二个
             <select id = "prohospital1">
                 
             </select>
   
js代码: 
success: function (res) {
             if (res.code == 0) {
                 var select = $("#names")
                 var data = res.page.list;
                 for (i in data) {
                     select.append("<option value='"+data[i].orderId+"'>"
                             + data[i].d40102 + "</option>");
                 } 
//初始化下拉框可编辑控件
                             $('#prohospital1').editableSelect(
                                 {filter: true}
                             ) .on('select.editable-select', function (e, li) {
                                 var codevalue = $(li.prop('outerHTML')).attr("value");
                                 $('#prohospital1').html(codevalue);
                                }); 
            }
         } 
  var prohospital1 = $('#prohospital1').val();//下拉框的值
        var hospitalcode1 = $('#prohospital1').text();//下拉框的text 
js获取select标签选中的值 
var obj = document.getElementByIdx_x(”testSelect”); //定位id 
var index = obj.selectedIndex; // 选中索引 
var text = obj.options[index].text; // 选中文本 
var value = obj.options[index].value; // 选中值 
  
jQuery中获得选中select值 
第一种方式
 $('#testSelect option:selected').text();//选中的文本 
$('#testSelect option:selected') .val();//选中的值 
$("#testSelect ").get(0).selectedIndex;//索引 
  
第二种方式
 $("#tesetSelect").find("option:selected").text();//选中的文本
 …….val();
 …….get(0).selectedIndex; 
  
  
-------------------------------------- 
如果select标签是有id属性的，如
<select id=xx>...
则用下述方法获取当前选项的值：
var v = xx.value;
或
var v = document.getElementById("xx").value;   //此方法兼容性好

如果select标签是有name属性的，如
<form name=form1>
<select name=xx>...
则用下述方法获取当前选项的值：
var v = form1.xx.value;
或
var v = document.getElementsByName("xx")[0].value;
如果同一页面含有多个name属性相同的标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）

如果select标签不含有任何可供定位的属性，如
<select>...
则用下述方法获取当前选项的值：
var v = document.getElementsByTagName("select")[0].value;
如果同一页面含有多个select标签，则上述[0]中的数字要改为相应的物理顺序号（从0起算）
----------------------------------------



对于以下select标签，获取当前选择的值得方式如下：

<select id="test" name="">
<option value="1">text1</option>
<option value="2">text2</option>
</select>
code:
一：javascript原生的方法
1:拿到select对象： var myselect=document.getElementById("test");
2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index
3:拿到选中项options的value： myselect.options[index].value;
4:拿到选中项options的text： myselect.options[index].text; 
二：jquery方法（前提是已经加载了jquery库） 
1:var options=$("#test option:selected");  //获取选中的项 
2:alert(options.val());   //拿到选中项的值 
3:alert(options.text());   //拿到选中项的文本

收起

展开全文

jQuery基于Layui搜索下拉框特效代码
2021-03-20 03:42:00
jQuery基于Layui搜索下拉框代码是一款支持中文跟首字母搜索下拉提示列表代码。
收起