下拉框

//html页面<select id="payWay" class="easyui-combobox" name="payWay" style="width: 100%;" data-options="required:true,editable:false"> </select> //JS文件function getPayedWay(){ $.ajax({ type : "GET", url : top.baseUrl + "auction/settlement_bail/get/payed/type", data : null, dataType : 'json', success : function(result) { var typeStr = ''; $.each(result, function(index, temp) { typeStr += '<option value=' + temp.id + '>' + temp.name + '</option>'; }); $('#payWay').html(typeStr); $('#payWay').combobox({}); var data = $('#payWay').combobox('getData'); $("#payWay").combobox('select',data[0].value); },

bootstrap-multiselect.js多选下拉框默认值设置 一、案例数据格式 二、HTML代码 <select id="msgRoles" multiple="multiple" class="validate[required]"></select> 1 三、原始数据加载方法 //复选下拉框 function loadMultiSelect(id, data) { var html = ''; for (var i = 0; i < data.length; i++) { html += "<option value='" + data[i].value + "'>" + data[i].text+ "</option>"; } $("#" + id).html(html); } 四、重写数据加载方法（可判断初始化默认选中数据） jQueryAjaxAsync("/systemRoleAction/roleListbox",null, function(res) { var Data = JSON.parse(res); console.log(Data) //注释了原有加载下拉框的方法 // loadMultiSelect("msgRoles", Data); var myMap = new Map(); for(var j=0;j<Data.length;j++){

最近在写一个WPF客户端的一个小程序，其中有个小需求如下： 展示下拉列表里面有树形结构 点击下拉子项时同时显示父级和子级文本 也就是说在DisplayMember 中有两种显示方式 下拉列表显示时，显示的是DisplayMember 的值 点击选中子项时，需要计算子级和父级的文本并进行拼接，然后显示在combox 中 一开始没有多想就想应该直接设置combox.Text 不就可以搞定了么，问题很简单的嘛！于是就设置了下 发现不起作用！最后查了msdn 说是combox 的 IsEditable=true 时 设置下拉框的Text才有效，于是就启用了IsEditable，运行调试发现仍然没有卵用！！ 问题来了，怎么搞？那换个思路，重写Combox ? 我觉得太麻烦，就没有往这方面想，毕竟界面用的没有几个下拉框。那有没有什么先简单的方式呢？ 我的思路： 使用Textbox做高宽统一放置在Combox的上方，漏出下拉框的下拉箭头，把Textbox做成透明层（这里不是界面透明，是事件穿透哦），把Combox 与Textbox 分组为一组Gird中 做好高宽自动同步拉伸，注意在控件命名的时候最好有规律哦，后面要用到的。 xaml如下： <Grid Margin="62,4,220,33"> <ComboBox x:Name="cmbCategoryAdd1"/> <TextBox

html部分 一级下拉框： <select id="gametype" onchange="changegame()"> <option value="">--游戏类型--</option> </select> <br> 二级下拉框： <select id="gamelist"> <option value="">--游戏名称--</option> </select> js部分 var game = new Array(); game["纸牌游戏"] = ["斗地主", "炸金花", "蜘蛛纸牌"]; game["棋类游戏"] = ["军旗", "象棋", "围棋"]; game["网络游戏"] = ["英雄联盟", "穿越火线", "QQ飞车"]; function gametypename() { var gametypes = document.getElementById("gametype"); // var gametypes = $("#gametype"); for (var i in game) { gametypes.add(new Option(i, i), null); } } function changegame() { var gtname = document.getElementById("gametype").value; // alert

//遍历option和添加、移除option function changeShipMethod(shipping){ 　　var len = $("select[@name=ISHIPTYPE] option").length 　　 if(shipping.value != "CA"){ 　　 　　$("select[@name=ISHIPTYPE] option").each(function(){ 　　 　　　　 if($(this).val() == 111){ 　　 　　　　　　$(this).remove(); 　　 　　　　 } 　　 }); 　　 } else 　　{ 　　　　$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); 　 } } //取得下拉选单的选取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); ////////////////////////////////////////////////////////////////// 记性不好的可以收藏下： 1

获取一组 radio 被选中项的值 var item = $ ( ' input[@name=items][@checked] ' ) . val () ; 获取 select 被选中项的文本 var item = $ ( " select[@name=items] option[@selected] " ) . text () ; select 下拉框的第二个元素为当前选中值 $ ( ' #select_id ' )[ 0 ] . selectedIndex = 1 ; radio 单选组的第二个元素为当前选中值 $ ( ' input[@name=items] ' ) . get ( 1 ) . checked = true ; 获取值： 文本框，文本区域：$ ( " #txt " ) . attr ( " value " ) ； 多选框 checkbox ：$ ( " #checkbox_id " ) . attr ( " value " ) ； 单选组 radio ： $ ( " input[@type=radio][@checked] " ) . val () ; 下拉框 select ： $ ( ' #sel ' ) . val () ; 控制表单元素： 文本框，文本区域：$ ( " #txt " ) . attr ( " value " , '' ) ; //清空内容

C#代码 using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; using System.Data.OleDb; public partial class _Default : System.Web.UI.Page { protected void Page_Load( object sender, EventArgs e) { if ( ! IsPostBack) { Bind(); } } void Bind() { string sql = " select * from category " ; DataTable dt = getTable(sql); this .select1.Items.Clear(); ListItem item = new ListItem( " --请选择-- " , " -1 " ); this .select1.Items.Add

前台： <title>标题</title> <link href="EasyUi_v1.3.4/easyui/themes/default/easyui.css" rel="stylesheet" /> <link href="EasyUi_v1.3.4/easyui/themes/icon.css" rel="stylesheet" /> <script src="EasyUi_v1.3.4/jquery-1.7.1.min.js"></script> <script src="EasyUi_v1.3.4/easyui/jquery.easyui.min.js"></script> <script src="EasyUi_v1.3.4/easyui-lang-zh_CN.js"></script> <script src="EasyUi_v1.3.4/Common.js"></script> <script> $(function () { 　　$.ajax({ 　　　　　url: "WebForm1.aspx",//请求后台数据 　　　　　data: { "type": "getList" },//传递参数 　　　　　 dataType: "json",//这句代码必须有，否则就会出现以下情况 　　　　　success: function (data) { 　　　　　　　　/

效果图： 前端代码 1，这里使用的是easyui框架，class="easyui-combobox"定义下拉框样式 2，data-options="multiple:true"意味着对下拉框参数多选，没有设定则默认单选 3，${y.taskname}表示下拉框所要获取的value子段 < label style = "padding:5px 10px 0px 20px;" > 任务名称 < / label > < select name = "taskname" id = "taskname" class = "easyui-combobox" style = "width: 160px; height: 25px;" data - options = "multiple:true" > < c : forEach items = "${list1}" var = "y" varStatus = "status" > < option value = "${y.taskname}" > $ { y . taskname } < / option > < / c : forEach > < / select > 后端代码 1，在数据库中表cbhs查询下拉框要显示的值 2，使用model.addAttribute(“list1”, list1);向前台传递数据，前端使用${list1

在许多表单应用，我们经常遇到点击一个复选框（或下拉框）会引发旁边的复选框（或下拉框）发生改变，这种联动效果用 avalon 来做是非常简单的。在avalon里，存在各种绑定回调与$watch回调，完全满足你的需求。 下面是avalon所有绑定回调。 data-duplex-changed ，用于ms-duplex绑定，值改变后触发； 参数：当前元素的值 data-include-loaded ，用于ms-include-src绑定，模板加载后触发，可以在这里修改模板 参数: tmpl，vmodel1, vmodel2 ... data-include-rendered ，用于ms-include, ms-include-src绑定，模板渲染好后触发； 没参数 data-repeat-rendered ，用ms-repeat绑定，当监控数组发生添加，删除，重排等操作时触发； 参数：当前操作名（"add","del","index","clear","move"） data-with-sorted ，用ms-repeat, ms-with绑定，赶对象渲染之前触发，要求输出一个字符串数组，对象的键值对会根据它依次输出； 参数：原对象的所有键名构成的数组 data-with-rendered ，用ms-with绑定，当目标对象输出页面后触发； 参数：当前操作名（"add","del",