Как добавить текст опции в список в jquery - PullRequest
Новая
       5

Как добавить текст опции в список в jquery

0 голосов
/ 05 октября 2010

Я попробовал несколько вещей, чтобы заставить это работать без удачи. У меня есть поле выбора с кнопкой рядом с ним. Когда кнопка нажата, текст из выбранного в данный момент элемента необходимо поместить в теги li и добавить к ul внутри другого элемента div. 

<!--select box-->
<div class="select-div">
<select id="select-pub">
<option value="1">Publisher 1</option>
<option value="2">Publisher 2</option>
<option value="3">Publisher 3</option>
<option value="4">Publisher 4</option>
</select>
</div> 

<!--this button needs to append the currently selected text to a list-->

<div class="link-div">
<a class="add-button" href="#" style="width:46px;height:22px;display:block;"></a>
</div>

<!--the option text must now populate this unordered list-->

<div id="publisher-results">
<ul>
</ul>
</div>

Я начал здесь, но как я могу получить текст в тегах li и добавить его в ul? 

<script type='text/javascript'>
$('.add-button').click(function() {

   $('#publisher-results ul').append($('#select-pub :selected').text());
   });
</script>

Есть идеи? Я терпел неудачу в этом весь день!

1 Ответ

1 голос
/ 05 октября 2010

Вы можете создать <li> установить текст и добавить его следующим образом: 

$('.add-button').click(function() {
  $('<li />', { text: $('#select-pub :selected').text() })
     .appendTo('#publisher-results ul');
});

Вы можете проверить это здесь , здесь используется $(html, props)Затем метод построения использует .appendTo(), чтобы поместить его внутрь <ul>, он разбит на 2 строки просто для предотвращения прокрутки SO, его не нужно разбивать на код.

...