Селект как вконтакте на jquery

chemax
На сайте с 07.01.2009
Offline
206
1931

Добрый день.

Есть ли на jquery селекты по типу?

[ATTACH]86784[/ATTACH]

Так же интересует как отправить такое методом POST например. Или ток через JS ?:

<tr>

<td class="editAdLabel">Города и регионы:</td>
<td class="editAdValue"><div class="editAdInput"><div style="width: 258px;" class="selector_container" id="container11"><table class="selector_table" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="selector"> <span class="selected_items"><div class="token" id="bit_11_35"><span class="l">Великий Новгород</span><span class="x"></span></div><div class="token" id="bit_11_60"><span class="l">Казань</span><span class="x"></span></div></span> <input style="color: rgb(175, 184, 194); width: 50px;" class="selector_input" type="text"> <input name="cities" id="cities" value="35,60" class="resultField" type="hidden"><input name="cities_custom" id="cities_custom" value="" class="customField" type="hidden"> </td><td style="width: 16px;" id="dropdown11" class="selector_dropdown">&nbsp;</td> </tr> </tbody></table> <div class="results_container"> <div class="result_list" style="width: 258px; height: auto; display: none;"><ul style="position: relative; visibility: visible;"></ul></div> <div style="width: 258px; display: none; margin-top: 251px;" class="result_list_shadow"> <div class="shadow1"></div> <div class="shadow2"></div> </div> </div></div></div> <a href="#help" onclick="return help(window.l_cities_help)" class="helpLink">(?)</a></td>

</tr>
jpg 6867867.jpg
Качественный хостинг, VPS и сервера. (http://ihc.ru/?ref=569)
_savit
На сайте с 19.03.2006
Offline
135
#1
https://vk-botovod.ru - комбайн ВКонтакте, мультимессенджер, эмулятор жизни аккаунтов
chemax
На сайте с 07.01.2009
Offline
206
#2

Не то, Autocomplete с выбором нескольких интересует)

_savit
На сайте с 19.03.2006
Offline
135
#3

тогда возможно вот это подойдет:

http://quasipartikel.at/multiselect/

вид конечно не такой как вконтаке, но смысл тот же

ну а если хочется чтобы именно как у контакта, то автокомплит + немного своего кода ... при клике по найденному автокомплитом элементу, добавляем его в div ( пара строк на jQuery ) ...

в результате получится что-то вроде

<style>

#selected_items {width:250px; height:100px; overflow:auto; border:1px solid #ccc;}

#selected_items div {float:left; margin-right:5px;}

</style>

....

<div id="selected_items">

<div>Item1 <span>x</span><input type="hidden" name="items[]" value="1" /></div>

<div>Item2 <span>x</span><input type="hidden" name="items[]" value="2" /></div>

<div>Item3 <span>x</span><input type="hidden" name="items[]" value="3" /></div>

....

</div>

для удаления элекментов тоже элементарный обработчик

$('#selected_items span').live('click', function(){

$(this).parent().remove();

});

в результате имеем полный аналог контактовского мультиселекта

chemax
На сайте с 07.01.2009
Offline
206
#4
_savit:
тогда возможно вот это подойдет:
http://quasipartikel.at/multiselect/

вид конечно не такой как вконтаке, но смысл тот же


ну а если хочется чтобы именно как у контакта, то автокомплит + немного своего кода ... при клике по найденному автокомплитом элементу, добавляем его в div ( пара строк на jQuery ) ...

в результате получится что-то вроде

<style>
#selected_items {width:250px; height:100px; overflow:auto; border:1px solid #ccc;}
#selected_items div {float:left; margin-right:5px;}
</style>

....

<div id="selected_items">
<div>Item1 <span>x</span><input type="hidden" name="items[]" value="1" /></div>
<div>Item2 <span>x</span><input type="hidden" name="items[]" value="2" /></div>
<div>Item3 <span>x</span><input type="hidden" name="items[]" value="3" /></div>
....
</div>

для удаления элекментов тоже элементарный обработчик

$('#selected_items span').live('click', function(){
$(this).parent().remove();
});

в результате имеем полный аналог контактовского мультиселекта

Да эт я вроде как понимаю, Просто интересует как отправлять это селект потом в скрипт?

_savit
На сайте с 19.03.2006
Offline
135
#5

для отправки данных в скрипт есть очень хороший и удобный плагин

http://www.malsup.com/jquery/form/

MK
На сайте с 28.05.2008
Offline
74
#6

Поздновато пишу, но в тему:

http://jqueryui.com/demos/autocomplete/#multiple

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий