Zend Framework 开发记录 - 代码片段–jquery

<select class="selector"></select>

1、设置value为pxx的项选中

$(".selector").val("pxx");

2、设置text为pxx的项选中

$(".selector").find("option[text='pxx']").attr("selected",true);

这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value

$(".selector").val();

4、获取当前选中项的text

$(".selector").find("option:selected").text();

这里用到了冒号，掌握它的用法并举一反三也会让代码变得简洁。

很多时候用到select的级联，即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。

如：$(".selector1").change(function(){

// 先清空第二个

$(".selector2").empty();

// 实际的应用中，这里的option一般都是用循环生成多个了

var option = $("<option>").val(1).text("pxx");

$(".selector2").append(option);

});

下面的代码中包含了动态填充select组件的javascript代码：

   1: $("#filter_module").bind('change', function() {

   2:             $.getJSON("/subject/select",{moduleid: this.value, ajax: 'true'}, function(data){

   3:                 var options = '';

   4:                 for (var i = 0; i < data.length; i++) {

   5:                     options += '<option value="' + data[i].subject_id + '">' + data[i].subject_name + '</option>';

   6:                 }

   7:                 $("#filter_subject").html(options);

   8:             });

   9:         });

  10:         $("#filter_subject").bind('change', function() {

  11:             window.location = '/administrator/video/index/subjectid/' + this.value;

  12:         });

转载于:https://blog.51cto.com/happydagui/1089778

Zend Framework 开发记录 - 代码片段–jquery–select控件相关推荐

js代码赋值触发select控件的onchange事件
嗯,现在在一个小公司实习,直接接触代码收获不小. 现在有个需求是4级联动的select过滤,需要js代码赋值并触发onchange来调用ajax方法,于是问题是怎样触发,找了些资料并且自己尝试了一下 ...
php顶级框架,诗意的边缘：PHP顶级框架Zend Framework开发实战
<诗意的边缘:PHP顶级框架Zend Framework开发实战> 前言第1部分开发前的准备工作第1章创建开发环境2 1.1 配置开发环境3 1.1.1 Windows系统下XA ...
[导入]Asp.net 2.0 自定义控件开发[创建自定义浮动菜单FloadMenu控件][示例代码下载]...
Asp.net 2.0 自定义控件开发[创建自定义浮动菜单FloadMenu控件][示例代码下载] 文章来源:http://blog.csdn.net/chengking/archive/2007/0 ...
jq实现html分页代码,jquery 分页控件实现代码
jquery分页控件 var pageindex=1; var totelsize=60; var centersize=5; var pagesize=0; var totelSec=0; var ...
HTML select控件
select控件 select控件用于创建下拉列表框(下拉菜单),并通过 option 元素创建列表中的选项,供用户从中选择. 定义 select控件时,在 select元素中设置 name 属性,并 ...
Jquery获得控件值的方法
一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码:<a ...
精确到秒的JQuery日期控件，jquery日历插件，jquery日期插件
2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...
以编程方式在ASP.NET MVC中使用多个HTML Select控件
目录介绍使用代码使用JQuery 使用Razor和C# 兴趣点介绍很多时候,我们使用JavaScript或JQuery代码来操纵HTML控件,却不知道ASP.NET MVC与Razor和C# ...
Web开发中的弹出对话框控件介绍
Web开发中,目前由于Jquery的大行其道,因此很多弹出对话框,都用到了Jquery技术,反而原始的弹出对话框的方式较为少用了.不过基于JQuery的方式实现对话框窗口弹出,也有很多控件可以利用,由 ...

Zend Framework 开发记录 - 代码片段–jquery–select控件

<select class="selector"></select>

Zend Framework 开发记录 - 代码片段–jquery–select控件相关推荐

最新文章

热门文章