Selecttag中的选项可以包含多个值吗？

Question

Selecttag中的选项可以包含多个值吗？我在HTML表单中得到了一个带有一些选项的SELECT标记：(数据将使用PHP收集和处理)测试：<SELECT NAME="Testing">     <OPTION VALUE="1"> One     <OPTION VALUE="2"> Two     <OPTION VALUE="3"> Three</SELECT>一个选项是否可以携带多个值，比如当用户选择“One”时，那么与此选项相关的其他几个值将被写入数据库。如何设计SELECT标记，以便每个选项可以携带一个以上的值，如下所示：<SELECT NAME="Testing">     <OPTION VALUE="1" value="2010"> One     <OPTION VALUE="2" value="2122"> Two     <OPTION VALUE="3" value="0"> Three</SELECT>

Answer 1

一种方法，首先是数组，第二种是对象：

    <select name="">
        <option value="{'num_sequence':[0,1,2,3]}">Option one</option>
        <option value="{'foo':'bar','one':'two'}">Option two</option>
    </select>

编辑(应答后3年)，将两个值都转换为JSON格式(使用JSON.stringify())因为有人抱怨说，我的概念证明回答“可能会使新手开发人员感到困惑”。

Answer 2

我今天确实在想这个问题，我通过使用php Burst函数实现了这一点，如下所示：

HTML表单(在我命名为“Doublelevalue.php”的文件中)：

    <form name="car_form" method="post" action="doublevalue_action.php">
            <select name="car" id="car">
                    <option value="">Select Car</option>
                    <option value="BMW|Red">Red BMW</option>
                    <option value="Mercedes|Black">Black Mercedes</option>
            </select>
            <input type="submit" name="submit" id="submit" value="submit">
    </form>

PHP操作(在我命名为双levalue_action.php的文件中)

    <?php
            $result = $_POST['car'];
            $result_explode = explode('|', $result);
            echo "Model: ". $result_explode[0]."<br />";
            echo "Colour: ". $result_explode[1]."<br />";
    ?>

正如您在第一段代码中所看到的，我们正在创建一个标准HTML选择框，其中包含两个选项。每个选项都有一个值，该值有一个分隔符(在本例中为‘AC.26’)来拆分值(在本例中为模型和颜色)。

在操作页面上，我将结果分解成一个数组，然后调用每个数组。正如你所看到的，我把它们分开并贴上标签，这样你就可以看到它所造成的影响。

我希望这对某人有帮助：)

Answer 3

在SELECT选项中有多个值是可能的，如下所示。

<select id="ddlEmployee" class="form-control">
    <option value="">-- Select --</option>
    <option value="1" data-city="Washington" data-doj="20-06-2011">John</option>
    <option value="2" data-city="California" data-doj="10-05-2015">Clif</option>
    <option value="3" data-city="Delhi" data-doj="01-01-2008">Alexander</option></select>

您可以使用jQuery获得在Change事件上选择的值，如下所示。

$("#ddlEmployee").change(function () {
     alert($(this).find(':selected').data('city'));});

您可以在这里找到更多的细节。链接