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

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>

List:

<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'));