複数の選択が可能で、選択したアイテムを削除できる ListBox オブジェクトがあります。
ここで、ListBox と 3 つの TextBox に関連する追加の問題があります。フォーカスをテキストボックスに移動またはマウスオーバーしたときに、リストボックスで選択したアイテムを、フォーカス/マウスオーバーを受け取ったテキストボックスにコピーするように機能させたいと考えています。
どうやってやるの?私を助けてください。
これは、リストボックスから 1 つのオプション項目を取得する方法です。複数取得するには、リストボックス内のオプション項目のコレクションをループする必要があります。
<!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">
<head runat="server">
<title></title>
<script type="text/javascript">
function GrabFromListbox() {
window.document.getElementById("TextArea1").value += window.document.getElementById("lstFruits").options[window.document.getElementById("lstFruits").selectedIndex].text + "\n";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<select id="lstFruits" name="lstFruits" multiple="multiple" size="8">
<option value="0" selected="selected">Please select</option>
<option value="1">Apples</option>
<option value="2">Pears</option>
<option value="3">Bananas</option>
<option value="4">Oranges</option>
</select><br /><br />
<input type="text" id="TextArea1" name="TextArea1" value="" onmouseover="GrabFromListbox()" />
</div>
</form>
</body>
</html>