2017-01-20 7 views
1

ドロップダウンで選択制御オプションをコピーすることができるだろうだから私はこのリスト現在使用しては、どのように私は(右のコピーオプションをクリックしてCtrlキー+ Cまたはマウスで)

function copyThis(text) { 
 
    window.prompt("Copy this : ", text); 
 
};
<!DOCTYPE html> 
 
<html> 
 

 
<body> 
 

 
    <select class="wrap" onchange="copyThis(this.value)"> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="opel">Opel</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 
</body> 
 

 
</html>

をドロップダウンしています上記では、リスト内で選択されているオプションをハイライトまたは選択することはできません。ダブルクリックすることにより、より良い方法はありますし、私はCtrlキー+ Cまたはマウスを右クリックし、[

+1

ドロップダウンの横にあるボタンです。そのボタンを押すと、選択したオプションがクリップボードにコピーされますか? – elementzero23

+0

見てください:http://stackoverflow.com/a/30810322/1534704 –

答えて

1

をコピーすることができるように選択されたオプションをハイライト表示方法「コピー」ボタンについて:

function copyThis(text) { 
 
    window.prompt("Copy this : ", text); 
 
}; 
 

 
$("#copy").click(function() { 
 
    window.prompt("copy this:", $("#cars option:selected").text()); 
 
});
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
</head> 
 
<body> 
 

 
    <select id="cars" class="wrap"> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="opel">Opel</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 

 
    <button id="copy">copy</button> 
 

 
</body> 
 

 
</html>

+0

あなたの答えは動作しますが、ボタンを追加することは本当に私のためのオプションではありません、返信ありがとう – abarthelot

関連する問題