已解決430363個問題，去搜搜看，總會有你想問的

Selecttag中的選項可以包含多個值嗎？

首頁猿問 Selecttag中的選項可以包含...

Selecttag中的選項可以包含多個值嗎？

Html5

慕無忌1623718 2019-12-18 11:13:24

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>

查看完整描述

3 回答

UYOU

TA貢獻1878條經驗獲得超4個贊

一種方法，首先是數組，第二種是對象：

    <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())因為有人抱怨說，我的概念證明回答“可能會使新手開發人員感到困惑”。

反對回復 2019-12-19

catspeake

TA貢獻1111條經驗獲得超0個贊

我今天確實在想這個問題，我通過使用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’)來拆分值(在本例中為模型和顏色)。

在操作頁面上，我將結果分解成一個數組，然后調用每個數組。正如你所看到的，我把它們分開并貼上標簽，這樣你就可以看到它所造成的影響。

我希望這對某人有幫助：)

反對回復 2019-12-19

慕容森

TA貢獻1853條經驗獲得超18個贊

在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'));});

您可以在這里找到更多的細節。鏈接

反對回復 2019-12-19

3 回答
0 關注
453 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Selecttag中的選項可以包含多個值嗎？

Selecttag中的選項可以包含多個值嗎？

3 回答

添加回答

Selecttag中的選項可以包含多個值嗎？

Selecttag中的選項可以包含多個值嗎？