好吧,原来的请求似乎很混乱,所以让我尝试重新措辞。我有一个表单,请参阅下面的代码,有两个选择,用户将内容从可用位置列表(一)移动到选定位置列表(二)并输入一些其他字段(我包括一个文本字段作为示例),我需要能够查看第一个选择中的值(一)以及第二个列表中的值(二)
由于存在大量值,因此让用户仅单击或按住 Ctrl 键并单击他们想要的值是不切实际的。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test for P1727410</title>
<script src="/ref-files/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
$(function () {
function moveItems(origin, dest) {
$(origin).find(':selected').appendTo(dest);
}
function moveAllItems(origin, dest) {
$(origin).children().appendTo(dest);
}
$('#left').click(function () {
moveItems('#Two', '#One');
});
$('#right').on('click', function () {
moveItems('#One', '#Two');
});
$('#leftall').on('click', function () {
moveAllItems('#Two', '#One');
});
$('#rightall').on('click', function () {
moveAllItems('#One', '#Two');
});
});
</script>
</head>
<body>
<h2>Test for P1727410</h2>
Available Locations | Selected Locations
<form method="POST" action="#">
<select id="One" name="One" multiple="multiple">
<option value="1">Loc1</option>
<option …Run Code Online (Sandbox Code Playgroud)