jQuery的:简单的方法来快速选择选择框整体OPTGROUP

我使用jQuery的功能类似于一个在这个线程:http://stackoverflow.com/questions/1473897/easy-way-to-quick-select-a-whole-optgroup-in-select-box

但是,当我点击了<option>现在选择整个OPTGROUP,作为OPTGROUP包围选项元素。 我用下面的代码片段:

$("optgroup").click(function(e) { $(this).children().attr('selected','selected'); });

我的HTML看起来是这样的:

<optgroup label="Abc"> <option value="8" >Ab</option> <option value="7" >C</option></optgroup>

因此clickig关于<option>C</option>选择<option>Ab</option>为好。 也许我缺少明显的东西...

--------------解决方案-------------

我可能是错的,但你可能需要一个处理程序添加到<option> s到停止click事件冒泡。

事情,因为这可能会帮助简单:

$("optgroup option").click(function(e) {
e.stopPropagation();
});

同时,你可以检查你的OPTGROUP单击处理目标,和短circut如果事件的目标实际上是一个选项标签,就像这样:

$("optgroup").click(function(e) {
if ($(e.target).is('option')) return;
$(this).children().attr('selected','selected');
});

分类:jQuery的 时间:2012-01-01 人气:0
本文关键词: HTML,jQuery的,OPTGROUP
分享到:

相关文章

  • 获取选择选项指数与jQuery的OPTGROUP 2012-05-21

    我有以下选择: <select name="end" id="end"> <optgroup label="Morning"> <option value="12:00a">12:00 am</option> <option value="12:30a">12:30 am</option> <option value="

  • 一些jQuery / JavaScript的帮助。 将项目添加到OPTGROUP 2012-01-23

    我有一个名为TMP的数组 VAR TMP = ["05","13","27"]; 如果一个选择值等于内tmp下的值,我想该选项添加到特定OPTGROUP,否则将其添加到其它OPTGROUP. 我一直得到一切加入到OPTGROUP#2,除与值"27"的选项. 我在做什么错误? var groups = $("optgroup"); $("option").each(function() {

  • 选择与OPTGROUP第一选择后,工作jQuery选择停止 2012-03-06

    我变得很怪异的行为,当我空接一个div追加另一个div它根据选择的选项中选择使用. 很难解释. 当您选择并选择它的工作原理,但是当你回来,并再次选择同样的选项组,它停止工作完全. 请看看他的例子:http://jsbin.com/akeboz/3/ 这可能是我的老毛病又犯了塔错误的方式:P但是你觉得有什么不好呢? <!DOCTYPE html> <html> <head> <script class="jsbin" src="http

  • 填充选择具有OPTGROUP从两个不同的JSON对象的JQuery 2012-10-09

    我有两个JSON对象 var type = [{"Id":1,"Name":"This is a name"}]; var subType = [{"Id":2,"ParentId":1,"Name":"This is a name"},]; subType.ParentId引用type.Id 我希望能够以填充选择在有jQuery的 <SELECT> &l

  • 显示/隐藏文本的基础上使用Jquery OPTGROUP选择 2013-01-04

    我有以下的HTML标记: - <select name="Fault" class="textbox" id="fault"> <option>Single Light Out</option> <option>Light Dim</option> <option>Light On In Daytime</option> <option>Erratic

  • jQuery的事件帮助 - 我有一个选择列表OptGroups,我想调用函数只有当选择属于某个OPTGROUP 2014-04-02

    我有一个选择列表optgroups. 我想添加一个处理程序下来选择指数变化的下降,我怎么知道哪些OPTGROUP所选择的项目是属于? 这就决定进一步执行路径. 我知道如何添加函数,函数内容较多的问题. $ddl.bind("change", function(){ //how do I find out which option group the selected option belongs to? var selectList = $(this); }); 感谢您的任何提示. 欢

  • jQuery的 - 在选择选择OPTGROUP 2012-07-18

    我有2 optgroups一个选择. 有没有办法来调用一个函数仅如果从第一OPTGROUP一个选项被选择,如果选择从第二OPTGROUP一个选项调用另一个函数? --------------解决方案------------- 当然. HTML: What is your preferred vacation spot?<br> <SELECT ID="my_select"> <OPTGROUP LABEL="OptGroup One."

  • jQuery的检查OPTGROUP通过ID /标签的存在? 2013-01-03

    我有一个下拉列表,并在另一个过程中添加optgroups /选项的下拉列表中,而该部分工作正常. 不过,我可能需要添加类似optgroups,更多的数据,我想检查该OPTGROUP的存在,如果存在的话,不加它,而只是选项添加到现有的OPTGROUP. 我一直在寻找四周,似乎无法找到在选择OPTGROUP任何帮助. 我现有的下拉菜单中有"user_search_select"和可能的OPTGROUP值的ID也能像"中将dept_name"或"loc_name

  • jQuery的获得选择选项的OPTGROUP的标签 2013-08-11

    我试图找到当前选定的选项的OPTGROUP标签在选择控件中的值. 下面是一些HTML显示什么即时试图做的. <select id='sector_select' name='sector_select' data-placeholder="Select Sector..." style="width:200px;" class="chzn-select"> <option value='' selected='selected'

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.447 (s). 10 q(s)