オプションのリストを含むドロップダウン メニューを作成しました。これらのオプションのいずれかを選択できるようにしたいと考えています。選択すると、テキストをメモ帳 (.txt ファイル) からクリップボードにコピーし、コピーされたことを警告する機能を実行したいと考えています。
これは私がこれまでに持っているものです:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>Dropdown Test</title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript" language="Javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
function changeOptions(){
$('select[name="dropdown"]').change(function(){
if ($(this).val() == "option1")
function1();
else if ($(this).val() == "option2")
function2();
else if ($(this).val() == "option3")
function3();
else if ($(this).val() == "option4")
function4();
else if ($(this).val() == "option5")
function5();
});
}
</script>
<script type="text/javascript">
function function1(){
$(function()
{
var page_name="textfile.txt";
$.get(page_name, function(data)
{
if (window.clipboardData) {
window.clipboardData.setData('text', data);
}
alert("The text from textfile.txt has been copied to your clipboard! ");
});
});
}
</script>
<body onload ="changeOptions()">
<select name="dropdown" size=1>
<option>Select options below...</option>
<option value="option1">Text file1</option>
<option value="option2">Text file2</option>
<option value="option3">Text file3</option>
<option value="option4">Text file4</option>
<option value="option5">Text file5</option>
</select>
</body>
</html>
したがって、ここでの問題は、ドロップダウンメニューから選択すると、「テキストファイルからのテキストがコピーされました...」というアラートが表示されるように見えることですが、コピーされず、コピーしません他に何をすべきかわからない!ボタンと「onclick」でこの機能を試してみましたが、うまくいき、テキストがクリップボードにコピーされました!
助けてください!
それは有り難いです!:)