小编Aar*_*n O的帖子

如何以 html 表单提交项目列表

好吧,原来的请求似乎很混乱,所以让我尝试重新措辞。我有一个表单,请参阅下面的代码,有两个选择,用户将内容从可用位置列表(一)移动到选定位置列表(二)并输入一些其他字段(我包括一个文本字段作为示例),我需要能够查看第一个选择中的值(一)以及第二个列表中的值(二)

由于存在大量值,因此让用户仅单击或按住 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)

html javascript php forms ajax

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

ajax ×1

forms ×1

html ×1

javascript ×1

php ×1