0

jQueryを使用して選択オプションリストをdivテーブルに追加しようとしています。これを行った後、リストの特定のオプションを選択したいと思います。次のようなものを試しています。

// my hidden option list
<div style="display:none;">
<select class="option_list">
    <option value="male">Male</option>
    <option value="female">Female</option>
    <option value="none">Unknown</option>
</select>
</div>

<div id="my_table">
    <div>
        <div>John</div>
        <div>25</div>
        <div></div>
    </div>
    <div>
        <div>Emy</div>
        <div>22</div>
        <div></div>
    </div>
    <div>
        <div>Sarah</div>
        <div>28</div>
        <div></div>
    </div>
</div>

// $(".option_list") is hidden in HTML page, I clone and append it to my div table row
$(".option_list")
      .clone ()
      .appendTo ("#my_table > div > div:last-child")
      .attr ("name", "a_dynamic_name_for_php_form")
      .find ("option[value=none]").selected = true;
4

3 に答える 3

4

これを試して：

$(".option_list")
  .clone ()
  .appendTo ("#my_table > div > div:last-child")
  .attr ("name", "a_dynamic_name_for_php_form")
  .find ("option[value=none]").attr("selected", "true");

最後の行の変更に注意してください。

于 2010-01-24T12:58:21.023 に答える
0

あなたは書くべき.val('none')です。valメソッドはそれでを見つけ<option>ますvalue。（または、それに失敗すると、そのテキスト）

于 2010-01-24T12:50:49.297 に答える
-1

なぜそれを複製するのですか？簡単かもしれませんが、非表示の html パーツを文字列として定義し、単純に追加します。

var add = '<select>' +
          '  <option value="one">one</option>' +
          '  <option two ... '+
          '</select>';
$(something).appendTo(add);

少し汚いですが... :) - (これらの隠し部分をasp/phpで定義することもできるので、各行を書く必要はありません)

編集：すでに回答済み...

于 2010-01-24T13:19:15.183 に答える