我有一个 ListBox 对象,它允许多项选择,也允许删除所选项目。
现在我有一个额外的问题,它与一个列表框和 3 个文本框有关。我希望它能够工作,以便当我将焦点转移到任何文本框或将鼠标悬停在任何文本框上时,我希望将 ListBox 所选项目复制到接收焦点/鼠标悬停的文本框中。
我怎样才能做到这一点?请帮我。
这就是您如何从列表框中获取一个选项项的方法,要获得多个选项,您必须遍历列表框中的选项项集合。
<!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>