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

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>


一只名叫tom的猫
浏览 807回答 3
3回答

慕码人2483693

一种方法,首先是数组,第二种是对象:&nbsp;&nbsp;&nbsp;&nbsp;<select&nbsp;name=""> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="{'num_sequence':[0,1,2,3]}">Option&nbsp;one</option> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="{'foo':'bar','one':'two'}">Option&nbsp;two</option> &nbsp;&nbsp;&nbsp;&nbsp;</select>编辑(应答后3年),将两个值都转换为JSON格式(使用JSON.stringify())因为有人抱怨说,我的概念证明回答“可能会使新手开发人员感到困惑”。

繁花如伊

我今天确实在想这个问题,我通过使用php Burst函数实现了这一点,如下所示:HTML表单(在我命名为“Doublelevalue.php”的文件中):&nbsp;&nbsp;&nbsp;&nbsp;<form&nbsp;name="car_form"&nbsp;method="post"&nbsp;action="doublevalue_action.php"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<select&nbsp;name="car"&nbsp;id="car"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="">Select&nbsp;Car</option> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="BMW|Red">Red&nbsp;BMW</option> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="Mercedes|Black">Black&nbsp;Mercedes</option> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</select> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input&nbsp;type="submit"&nbsp;name="submit"&nbsp;id="submit"&nbsp;value="submit"> &nbsp;&nbsp;&nbsp;&nbsp;</form>PHP操作(在我命名为双levalue_action.php的文件中)&nbsp;&nbsp;&nbsp;&nbsp;<?php &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$result&nbsp;=&nbsp;$_POST['car']; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$result_explode&nbsp;=&nbsp;explode('|',&nbsp;$result); &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;"Model:&nbsp;".&nbsp;$result_explode[0]."<br&nbsp;/>"; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;echo&nbsp;"Colour:&nbsp;".&nbsp;$result_explode[1]."<br&nbsp;/>"; &nbsp;&nbsp;&nbsp;&nbsp;?>正如您在第一段代码中所看到的,我们正在创建一个标准HTML选择框,其中包含两个选项。每个选项都有一个值,该值有一个分隔符(在本例中为‘AC.26’)来拆分值(在本例中为模型和颜色)。在操作页面上,我将结果分解成一个数组,然后调用每个数组。正如你所看到的,我把它们分开并贴上标签,这样你就可以看到它所造成的影响。我希望这对某人有帮助:)

哆啦的时光机

在SELECT选项中有多个值是可能的,如下所示。<select&nbsp;id="ddlEmployee"&nbsp;class="form-control"> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="">--&nbsp;Select&nbsp;--</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="1"&nbsp;data-city="Washington"&nbsp;data-doj="20-06-2011">John</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="2"&nbsp;data-city="California"&nbsp;data-doj="10-05-2015">Clif</option> &nbsp;&nbsp;&nbsp;&nbsp;<option&nbsp;value="3"&nbsp;data-city="Delhi"&nbsp;data-doj="01-01-2008">Alexander</option></select>您可以使用jQuery获得在Change事件上选择的值,如下所示。$("#ddlEmployee").change(function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;alert($(this).find(':selected').data('city'));});您可以在这里找到更多的细节。链接
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Html5