Как изменить значение элемента формы на идентификатор выбранного элемента?

Question

Итак, у меня есть этот список, и я использую JQuery, чтобы сделать его выбор с помощью следующего кода:

Javascript:

<script language="javascript" type="text/javascript"> 
$(function() { 
    $("#server_list").selectable({ 
     stop: function() { 
      var result = $("#select-result").empty(); 
      $(".ui-selected", this).each(function() { 
       var index = $("#selectable li").index(this); 
       result.append(" #" + (index + 1)); 
      }); 
     } 
    }); 
}); 
</script> 

Список:

<ul id="server_list"> 
{foreach from=$servers item=server} 
<li id="{$server.id}"><img src="{$url}/images/serverstatus.php?name={$server.name}&status={$server.status}&port={$server.port}&playercount={$server.playercount}" alt="{$server.name}" /></li> 
{/foreach} 
</ul> 

Также у меня есть форма элемент с именем «sid» Мне было интересно, как изменить значение его на идентификатор выбранного элемента?

Answer 1

Вы можете выбрать элемент ввода с помощью селектора атрибутов и использовать метод val(), чтобы установить его значение с идентификатором выбранного элемента.

$('[name="sid"]').val($(this).attr('id'));