0

定義済みの値を持つ選択コントロールがあり、ユーザーが選択した項目のテキストを CTRL + C でコピーできるようにしたい

アイテムのテキストを変更できないようにしたい (マウス/キーボードで選択するだけ)

ここに問題を示すフィドルがあります（選択したアイテムのテキストを選択できません）

http://jsfiddle.net/5C3Q9/1/ 

<select>
  <option value="orange">Orange</option>
  <option value="blue">Blue</option>
  <option value="red">Red</option>
  <option value="white">White</option>
</select>

JSなしでそれを行うことはできますか？そうでない場合、どうすればjqueryでそれを行うことができますか?

4

4 に答える 4

0

私の知る限り、オプション要素のテキストをマークすることはできません。フラッシュなしでテキストをクリップボードにコピーすることも不可能です。

この解決策は最善ではありませんが、最も簡単です。

<!DOCTYPE html>
<body>
<select>
    <option value="orange">Orange</option>
    <option value="blue">Blue</option>
    <option value="red">Red</option>
    <option value="white">White</option>
</select>

<input type="text"></input>

</body>

-

$('body').on('change', 'select', function() {
    $('input').val($(this).find(":selected").text()).select();
})

http://jsfiddle.net/5C3Q9/2/

テキストを入力フィールドにコピーするだけで、ユーザーはそれを選択してコピーできます。

于 2013-06-30T21:52:51.927 に答える
0

セキュリティ上の制限により、Flash を使用しない最新のブラウザでは実現できません。次のサイトで jQuery のオプションを確認できます: http://www.jquery4u.com/plugins/jquery-copy-clipboard-4-options/

于 2013-06-30T21:52:56.507 に答える