先看HTML,我们引用Jquery,放两个DropDownList: 代码如下: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } 接着写核心的Script: 代码如下: $(function() { var $ddl = $("select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:s...
—、获取dropdownlist的text(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签) $("#ddlList option:selected").text() 二、获取dropdownlist的value(ddlList为服务器端dropdownlist的ID,生成name属性等于ddlList的select标签) $("#ddlList").val() 三、获取radiobuttonlist的text(rbtList为服务器端radiobuttonlist的ID,生成name属性等于rbtList的一组input标签) $("input[name='rbt...
使用场景,比如,选中某个省份,然后下级列表中会显示对应的城市。
1.使用Jquery-1.4.2.js和jquery.SPServices-0.5.7.js。
2.创建主表和子表,建立对应关系。
3.在List的NewItem或者EditItem page中添加Content Editor Webpart,然后在其中添加脚本代码。
4.实现,
dropdownObj控件:cascadeDropdownObj控件(该控件是通过脚本附加的):该方法是通过传入参数,来返回对于字表的记录 代码如下:function GetSubDropdown(parameterVal){ c...
jquery代码 代码如下: $(function() { $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1 option:selected").text()); }); 或者 代码如下: $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1").val()); }); 其中对这个解释下: var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值 var name1 = $("#DropDownLis...
一: DropDownList ------------------------------------------------------------------------------------------- 在使用 JQuery 进行遍历操作时, $("input").each(function(i) { ...... } 当操作对象的类型为 dropdownlist时:(备注:在firefox下DropDownList的类型为"select-one") 获得所选中的值: $(this).val(); (如果不是遍历操作时,$(this) 就替换成 $('#控件的Id') ) 获取选中的文本: $(this).find("option:selected...
由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上Radio 1.获取选中值,三种方法都可以: $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: $('input:radio:first').attr('checked', 'checked'); 或者 $('input:radio:first').attr('checked', 'true'); 注: attr("checked",'checked')= attr("c...
界面代码: 代码如下: 脚本代码: 代码如下: $(document).ready(function () { // 绑定keyup和change事件 $("#").bind("keyup change", function () { if ($(this).val() != "") { // 这里需要注意,$(this).text()获取的是整个集合的text属性内容,所以需要再过滤下,把选中的项取出来 $("#message").text("Text: " + $(this).find(":selected").text() + "Value: " + $(this).val()); } else { $("#message").text(""); } ...
首先准备好页面代码: 代码如下: 主要通过jQuery的append方法动态添加内容,脚本代码如下: 代码如下: Recipe8 $(document).ready(function () { $("#ddlFirst").bind("change", function () { // 添加change事件 $("#ddlSecond option").remove(); // 先删除所有项,以便重新加载 $("#ddlSecond").append("--- 请选择 ---"); if ($(this).val() == 1) { $("#ddlSecond").append("红色1"); $("#ddlSecond").append("红色2")...
先看界面代码: 代码如下: DropDownList控件属性ToolTip会转换为Title,title的值可以作为校验规则required的提示信息,属性CssClass的值required就指定了插件的校验规则。 脚本代码: 代码如下: Recipe18 $(function () { $("#form1").validate({ errorLabelContainer: $("#message") }); }); .alertmsg { color: #FF0000; } 显示效果:
另外如果不设置DropDownList的属性ToolTip和CssClass,脚本代码改为如下,也可...
代码如下: $(document).ready(function () { loadSchools(); }); function loadSchools() { var url = "@Url.Action("GetSchools")"; $.ajax({ url: url, type: "GET", dataType: "json", error: function () { alert("Error"); }, success: function (data) { var items = ""; $.each(data, function (i, school) { items += "<option value=\"" + school.SchoolId + "\">" + school.SchoolName + ""; }); $("#SchoolId").html(it...
aspx页面代码:通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值 代码如下: 保密 男 女 Save jquery代码: 代码如下: function Save(obj) { var tr = $(obj).parent().parent(); //获取点击行的 tr tr.find("td").eq(3).find("select").val(); //获取点击行中的第四列 DropDownList1 的选择Value tr.find("td").eq(3).find("select").text(); //获取点击行中的第四列 DropDownList1 的选...
1. 获取选中项: 代码如下: 获取选中项的Value值: $(select#sel option:selected).val(); 或者 $(select#sel).find(option:selected).val(); 获取选中项的Text值: $(select#seloption:selected).text(); 或者 $(select#sel).find(option:selected).text(); 2. 获取当前选中项的索引值: 代码如下: $(select#sel).get(0).selectedIndex; 3. 获取当前option的最大索引值: 代码如下: $(select#sel option:last).attr("index")...
jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#se...
在前文 创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件 中,实现了DropDownList的JQuery组件,但是留有遗憾。就是当下拉菜单出现滚动条的时候,滚动条会覆盖菜单右侧的两个圆角。使得下拉菜单左侧有2个圆角,右侧没有,看上去不是很完美。如下图所示:本文的内容就是如何恢复右侧的圆角
先看看原本的下拉菜单的HTML结构:?<ul class="dropdown-menu dropdown-menu-right" role="menu">
? <li><a href="#">Action</a></li...
Bootstrap是当下流行的前端UI组件库之一。利用Bootstrap,可以很方便的构造美观、统一的页面。把设计师从具体的UI编码中解放出来。Bootstrap提供了不少的前端UI组件。带下拉菜单的文本框就是其中之一,效果图如下(真要自己完全设计,还得费一番功夫)关于该组件的详情参看Bootstrap官网、带下拉菜单的文本框
看到上面的效果图,使我想到WinForm编程中的DropDownList控件。不过,和DropDownList控件相比,还缺少以下内容
1、当点击...