Les éléments jQuery selectable() mettent à jour les valeurs

Question

Fondamentalement, ce que j'essaie de faire est de mettre à jour l'attribut de valeur d'un champ d'entrée caché contenu dans l'élément sélectionné lorsque l'interface utilisateur selectable s'arrête.

Si l'élément est sélectionné, la valeur de l'entrée doit être l'attribut name de cette LI particulière, tandis que si l'élément n'est pas sélectionné, la valeur doit être mise à jour comme vide.

HTML Exemple:

<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> 

Exemple de script:

$(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(''); 
      }); 
     } 
    }); 
}); 

Answer 1

$(this).children('input').attr("value", $(this).attr('name')); 
... 
$(this).children('input').attr("value", ''); 

Est-ce que le résoudre?

http://api.jquery.com/val/:

Description: Get la valeur courante de le premier élément dans l'ensemble de éléments appariés.

Answer 2

Votre syntaxe .each est incorrecte, vous semblez mélanger avec la syntaxe $.each. Il devrait être:

$(".ui-selected").each(function() { 
    $(this).children('input').val($(this).attr('name')); 
});