2

<options>ある選択リストから別の選択リストにHTMLコードをコピーしようとしています。以下のスクリプトをテストしましたが、機能しません。

'alert'関数でテストしましたが、前のオプション内の値しか表示されないようです。

誰かが私が何を使うべきかを勧めることができますか？ありがとうございました！

$("select[name='NHIndexNo" + tablecounter + "_" + rowCount + "'] option").each(function(){
   $("select[name='NHIndexNo" + tablecounter + "_" + (rowCount+1) + "'] option").appendto($(this).val());
});
4

5 に答える 5

4

試してみてください - http://jsfiddle.net/zDFdX/

   $("#stwo").html( $("#sone").html() );

HTML

    <select id="sone">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>

    <select id="stwo">

    </select>
于 2012-06-19T19:06:31.473 に答える
4

jQuery:

$().ready(function() {  
     $('#add').click(function() {  
        return !$('#select1 option:selected').remove().appendTo('#select2');  
     });  
     $('#remove').click(function() {  
        return !$('#select2 option:selected').remove().appendTo('#select1');  
     });  
 });

HTML:

<div>  
  <select multiple id="select1">  
   <option value="1">Option 1</option>  
   <option value="2">Option 2</option>  
   <option value="3">Option 3</option>  
   <option value="4">Option 4</option>  
  </select>  
  <a href="#" id="add">add &gt;&gt;</a>  
</div>  
<div>  
  <select multiple id="select2"></select>  
  <a href="#" id="remove">&lt;&lt; remove</a>  
</div>

デモ: http://jsfiddle.net/LbPAq/1

于 2012-06-19T19:05:16.693 に答える
0 
$("select[name='NHIndexNo" + tablecounter + "_" + rowCount + "'] option").each(function(){
   $("select[name='NHIndexNo" + tablecounter + "_" + (rowCount+1) + "']").append($(this).clone());
});

あなたはそれをほぼ正しく持っていました

于 2012-06-19T19:03:54.217 に答える
0

HTML が表示されないため、セレクターが適切に機能しているとしか推測できません。

$("select[name='NHIndexNo" + tablecounter + "_" + (rowCount+1) + "'] option").clone(true).appendTo($(this).val());

アイデアは、(セレクターに一致する) 要素を複製し、その複製を他のselect要素に追加するというものです。

trueまた、 (withDataAndEventsパラメーター) をclone()メソッドに渡したことにも注意してください。これは、これらの要素に割り当てられたデータとイベントを jQuery でコピーすることです。複製されるものを気にしない場合は、このパラメーターを省略してください。

参考文献:

于 2012-06-19T19:06:20.657 に答える
0

他の select 要素に追加する前に要素を複製します。

$("select[name='NHIndexNo" + tablecounter + "_" + rowCount + "'] option")
 .clone() // <-- creates a copy of each selected element
 .appendTo("select[name='NHIndexNo" + tablecounter + "_" + (rowCount+1) + "']");

コンテキスト情報やマークアップを提供していないため、セレクターは正しいと思います。

于 2012-06-19T19:05:49.723 に答える