Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery: сбросить атрибут selected для select с optgroup / 9 сообщений из 9, страница 1 из 1
09.01.2014, 09:27
    #38520178
lostfriend88
lostfriend88
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
Вот что имеется:

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
<select class="chzn-select" id="group_filter" name="memberof">
<optgroup label="" value="">
<option></option>
</optgroup>
<optgroup label="10" value="10">
<option value="11">11</option>
<option value="12">12</option>
</optgroup>
<optgroup label="20" value="20">
<option value="21">21</option>
<option value="22">22</option>
</optgroup>
</select>



Код: javascript
1.
2.
3.
4.
  $(document).ready(function () {

        $('#group_filter').chosen({ allow_single_deselect: true });
});



Никак не получается сделать так, чтоб сбрасывался атрибут selected с помощью jquery.
Не могу понять, в чем отличие от select без optgroup.

почему не получается сделать вот так?

Код: javascript
1.
 $('#group_filter :selected').attr('selected', '');
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 09:45
    #38520187
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
lostfriend88почему не получается сделать вот так?

Код: javascript
1.
 $('#group_filter :selected').attr('selected', '');


Потому что это присвоение "пустышки" атрибуту selected... А это вовсе не удаление. Удаление атрибута делает другой метод
http://jquery-docs.ru/Attributes/removeAttr/
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 09:58
    #38520198
lostfriend88
lostfriend88
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
krvsa, попробовала вот так:

Код: javascript
1.
   $("#group_filter :selected").removeAttr("selected");



опять никакого результата.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 10:02
    #38520202
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
lostfriend88попробовала вот так:
Код: javascript
1.
   $("#group_filter :selected").removeAttr("selected");


опять никакого результата.
Бивас, тест! (с)

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(function (){
	$('button').click(function (){
		$("#group_filter option:selected").removeAttr("selected");
	});
});
</script>
</head>
<body>
<select class="chzn-select" id="group_filter" name="memberof">
	<optgroup label="" value="">
		<option></option>
	</optgroup>
	<optgroup label="10" value="10">
		<option value="11">11</option>
		<option value="12">12</option>
	</optgroup>
	<optgroup label="20" value="20">
		<option value="21">21</option>
		<option value="22">22</option>
	</optgroup>
</select> 
<button>reset</button>
</body>
</html>


Все работает!

P.S.
Смотрел в Опере...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 11:17
    #38520268
lostfriend88
lostfriend88
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
krvsa, после добавления вот этой строки кода при загрузке страницы:

Код: javascript
1.
 $('#group_filter').chosen({ allow_single_deselect: true });



не работает, к сожалению.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 11:45
    #38520303
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
lostfriend88 , что это за метод chosen()? Что он делает?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 12:49
    #38520365
lostfriend88
lostfriend88
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
krvsa, не особо разобралась, судя по всему, изменяет стиль элемента и добавляет поле поиска по option
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 13:02
    #38520373
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
lostfriend88не особо разобралась, судя по всему, изменяет стиль элемента и добавляет поле поиска по option
Это вообще оказывается целый плагин!
http://jquery.page2page.ru/index.php5/Chosen

Т.ч. читай руководства по нему и делай соответствующие выводы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
09.01.2014, 13:16
    #38520389
lostfriend88
lostfriend88
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
jquery: сбросить атрибут selected для select с optgroup
krvsa,

да, уже поняла.
нашла решение, если кому пригодится, то вот оно:

Код: javascript
1.
2.
 $('#group_filter').val('');
 $("#group_filter").trigger("liszt:updated");
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery: сбросить атрибут selected для select с optgroup / 9 сообщений из 9, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 474ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1447498]:
 0ms
get settings:
 10ms
get forum list:
 21ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 156ms
get topic data:
 10ms
get forum data:
 2ms
get page messages:
 57ms
get tp. blocked users:
 1ms
others: 211ms
total:  474ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]