변경/복사
이와 같은 자바 스크립트 소스 인데 selectBox를 직접 클릭 하였을 경우 아래의 input 란에 출륵을 하는데 변경 버튼을 클릭 하여 selectBox 내용이 변경된 경우 input 란에 출력을 하지 못하네요 혹시 해결 방법 아시는분 계실까요? 아래가 소스 입니다
<html> <head> <title>변경</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script language="javascript"> <!-- function getSelectValue(frm) { frm.textValue.value = frm.selectBox.options[frm.selectBox.selectedIndex].text; frm.optionValue.value = frm.selectBox.options[frm.selectBox.selectedIndex].value; } //--> </script> <script type="text/javascript"> function CopyToClipboard () { var input = document.getElementById ("toClipboard"); window.clipboardData.setData ("Text", input.value); } function ShowClipboardContent () { alert (window.clipboardData.getData ("Text")); } function ClearClipboard () { window.clipboardData.clearData ("Text"); } </script> <SCRIPT LANGUAGE="JavaScript"> <!-- Begin var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs) current = 0; function next() { if (document.form.selectBox[current+1]) { document.images.show.src = document.form.selectBox[current+1].value; document.form.selectBox.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.form.selectBox[current-1].value; document.form.selectBox.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.form.selectBox[0].value; document.form.selectBox.selectedIndex = 0; } function last() { current = document.form.selectBox.length-1; document.images.show.src = document.form.selectBox[current].value; document.form.selectBox.selectedIndex = current; } function ap(text) { document.form.selectBoxbutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.form.selectBox.selectedIndex; document.images.show.src = document.form.selectBox[current].value; } function rotate() { if (document.form.selectBoxbutton.value == "Stop") { current = (current == document.form.selectBox.length-1) ? 0 : current+1; document.images.show.src = document.form.selectBox[current].value; document.form.selectBox.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> </script> <!-- STEP TWO: Copy this code into the BODY of your HTML document --> </head> <body> <center> <form name=form> <img name="show" width="20" height="16"> <br><br> 진행 : <select name="selectBox" onChange="getSelectValue(this.form);"> <option value="wanted001">wanted001</option> <option value="wanted003">wanted003</option> <option value="wanted005">wanted005</option> <option value="wanted006">wanted006</option> <option value="wanted007">wanted007</option> <option value="wanted008">wanted008</option> <option value="wanted009">wanted009</option> <option value="wanted010">wanted010</option> <option value="wanted011">wanted011</option> <option value="wanted012">wanted012</option> <option value="wanted013">wanted013</option> <option value="wanted016">wanted016</option> <option value="wanted018">wanted018</option> <option value="wanted022">wanted022</option> <option value="wanted023">wanted023</option> <option value="wanted024">wanted024</option> <option value="wanted025">wanted025</option> <option value="wanted026">wanted026</option> <option value="wanted027">wanted027</option> <option value="wanted028">wanted028</option> <option value="wanted031">wanted031</option> <option value="wanted032">wanted032</option> <option value="wanted034">wanted034</option> <option value="wanted036">wanted036</option> <option value="wanted040">wanted040</option> <option value="wanted042">wanted042</option> <option value="wanted044">wanted044</option> <option value="wanted050">wanted050</option> <option value="wanted054">wanted054</option> <option value="wanted057">wanted057</option> <option value="wanted058">wanted058</option> <option value="wanted059">wanted059</option> <option value="wanted066">wanted066</option> <option value="wanted067">wanted067</option> <option value="wanted068">wanted068</option> <option value="wanted070">wanted070</option> <option value="wanted071">wanted071</option> <option value="wanted074">wanted074</option> <option value="wanted075">wanted075</option> <option value="wanted077">wanted077</option> <option value="wanted078">wanted078</option> <option value="wanted079">wanted079</option> <option value="wanted082">wanted082</option> <option value="wanted084">wanted084</option> <option value="wanted085">wanted085</option> </select><br> 진행중 : <input id="toClipboard" type="text" name="textValue"><br> </form> <button onclick='next ()'>변경</button> <button onclick='CopyToClipboard ()'>복사</button><br> </body> </html>
|
|
|