0

カテゴリ名である各<ul>ページのすぐ上にたくさんのページがあります。<h2>を使用PHPして各カテゴリ名を選択リストに入力しますが、その<option>方法を知る必要がある<li>のは、カテゴリ名に基づいて各リストに新しい を追加することです。jQueryを使用してこれを達成するにはどうすればよいですか? スターターコードはありません。

編集：明確にさせてください。私はこのようなものを持っています:

<form action="addSomething.php" method="post">
    <select name="categories">
        <option value="0">Pick one</option>
        <option value="1">Cat 1</option>
        <option value="2">Cat 2</option>
    </select>
    <input type="text" id="title" />
    <input type="text" id="URL" />
    <input type="submit" id="addNew">
</form>

<h2>Cat 1</h2>
<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
</ul>

上記のフォームを使用してカテゴリ ( ) を選択し、名前と URL を入力して、選択したカテゴリに対応する<h2>新しいものとして追加できるようにしたいと考えています。<li>

4

3 に答える 3

1

私はあなたの後を正確に理解していませんが、これは役立つかもしれません:

$('h2.categoryName').each(function(){
    var name = $(this).text();
    $(this).next('ul').append('<li>' + name + '</li>');
});
于 2013-05-24T17:04:27.360 に答える
1

それぞれを選択しul、そのカテゴリを取得して、 を追加しますli。

html

<h2 class="category">cat1</h2>
<ul></ul>
<h2 class="category">cat2</h2>
<ul></ul>
<h2 class="category">cat3</h2>
<ul></ul>

js

$("ul").each(function(){
    var category = this.prev("h2").text();
    $("<li>" + category + "</li>").appendTo(this);
});

ここに実用的なフィドルがあります。もちろん、これらのlis要素の中に好きなテキストを入れることができます。

于 2013-05-24T17:04:44.267 に答える