По сути, я пытаюсь обновить атрибут value скрытого поля ввода, содержащегося в выбранном элементе, когда пользовательский интерфейс selectable () перестает работать.
Если элемент выбран, тогда значением входного значения должно быть имя атрибута этого конкретного LI, тогда как если элемент не выбран, значение должно быть обновлено как пустое.
Образец HTML:
<ul id="selector">
<li class="networkicon shr-digg" name="shr-digg">
<div></div>
<label>Digg</label>
<input type="hidden" value="" name="bookmark[]" />
</li>
<li class="networkicon shr-reddit" name="shr-reddit">
<div></div>
<label>Reddit</label>
<input type="hidden" value="" name="bookmark[]" />
</li>
<li class="networkicon shr-newsvine" name="shr-newsvine">
<div></div>
<label>Newsvine</label>
<input type="hidden" value="" name="bookmark[]" />
</li>
</ul>
Пример сценария:
$(function() {
$("#selector").selectable({
filter: 'li',
selected: function(event, ui) {
$(".ui-selected").each(function() {
$(this).children('input').val($(this).attr('name'));
});
},
unselected: function(event, ui) {
$(".ui-selected").each(function() {
$(this).children('input').val('');
});
}
});
});