質問編集履歴

2 変更

退会済みユーザー

退会済みユーザー

2018/10/25 22:18  投稿

セレクトアイテムの移動
http://shanabrian.com/web/jquery/form01.phpから引用させていただいてます。
こちらで矢印をクリックではなく項目をダブルクリックで移動できるようにしたいです。
jQueryは初心者なのでご教授よろしくお願いいたします。
```ここに言語を入力
<body>
 <table class="sample">
   <tr>
     <td>
       <select name="s1" size="5" multiple="multiple">
         <option value="項目1" >項目1</option>
         <option value="項目2">項目2</option>
         <option value="項目3">項目3</option>
         <option value="項目4">項目4</option>
         <option value="項目5">項目5</option>
         <option value="項目6">項目6</option>
         <option value="項目7">項目7</option>
         <option value="項目8">項目8</option>
         <option value="項目9">項目9</option>
         <option value="項目10">項目10</option>
       </select>
     </td>
       <td>
         <input type="button" name="right" value="≫" /><br /><br />
         <input type="button" name="left" value="≪" />
       </td>
     <td>
       <select name="s2" size="5" multiple="multiple">
       </select>
     </td>
   </tr>
 </table>
 <script>
 $(document).ready(function() {
   $('input[name=right]').on('click', function() {
     move('s1', 's2');
   });
   $('input[name=left]').on('click', function() {
     move('s2', 's1');
   });
   var move = function(_this, target) {
     $('select[name=' + _this + '] option:selected').each(function() {
       $('select[name=' + target + ']').append($(this).clone());
       $(this).remove();
     });
   };
 });
 </script>
</body>
```
  • JavaScript

    36500 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    13085 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

1 タグ追加

退会済みユーザー

退会済みユーザー

2018/10/25 21:57  投稿

セレクトアイテムの移動
http://shanabrian.com/web/jquery/form01.phpから引用させていただいてます。
こちらで矢印をクリックではなく項目をダブルクリックで移動できるようにしたいです。
jQueryは初心者なのでご教授よろしくお願いいたします。
```ここに言語を入力
<body>
<table class="sample">
<tr>
<td>
<select name="s1" size="5" multiple="multiple">
<option value="項目1" >項目1</option>
<option value="項目2">項目2</option>
<option value="項目3">項目3</option>
<option value="項目4">項目4</option>
<option value="項目5">項目5</option>
<option value="項目6">項目6</option>
<option value="項目7">項目7</option>
<option value="項目8">項目8</option>
<option value="項目9">項目9</option>
<option value="項目10">項目10</option>
</select>
</td>
<td>
<input type="button" name="right" value="≫" /><br /><br />
<input type="button" name="left" value="≪" />
</td>
<td>
<select name="s2" size="5" multiple="multiple">
</select>
</td>
</tr>
</table>
<script>
$(document).ready(function() {
$('input[name=right]').on('click', function() {
move('s1', 's2');
});
$('input[name=left]').on('click', function() {
move('s2', 's1');
});
var move = function(_this, target) {
$('select[name=' + _this + '] option:selected').each(function() {
$('select[name=' + target + ']').append($(this).clone());
$(this).remove();
});
};
});
</script>
</body>
```
  • JavaScript

    36500 questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • jQuery

    13085 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る