0

これをうまく機能させるために、いくつかのことを試してみました。横にボタンのある選択ボックスがあります。ボタンをクリックすると、現在選択されている項目のテキストを li タグ内に配置し、別の div 内の ul に追加する必要があります。

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

何か案は？私はこの午後ずっと失敗しています！

4

1 に答える 1

1

テキストのセットを作成し、<li>次のように追加できます。

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

ここでテストできます。これは$(html, props)構築方法を使用.appendTo()してから の中に配置します<ul>。SO でのスクロールを防ぐためだけに 2 行に分割されています。コードで分割する必要はありません。

于 2010-10-05T18:03:55.793 に答える