php - 在下拉列表中选择元素后显示价格

Question

很久以前，我在网上到处搜索，但找不到适合我的解决方案。我必须写下我想要论坛找到适合我的帮助。

首先，我有一个下拉菜单，其中提供了多种选择。这是列表

<Form name = "sellalcatel" form method = "post" action = "traitement.php" onchange = "return vefify ();">
    <Select name = "Alcatel">
        <Option> Please Select <option>
        <Option value = "Alcatel-1230 + ZTE811"> Alcatel 1230 (ZTE 811) </ option>
        <Option value = "Alcatel-1231"> Alcatel 1231 </ option>
        <Option value = "Alcatel-351"> Alcatel 351 </ option>
    </ Select>
    <Li class = "last">
        Country <input type = "text" size = "40">
        <P> Name <INPUT NAME = "Name" SIZE = 40> </ p>
        <P> Enter your Mail <input name = "email" placeholder = "mail@example.com" required> </ p>
        <Input name = "button" type = "submit" value = "unlock"> </ input>
    </ Li>
</ Form>

我希望在选择下拉列表后根据选择显示价格:例如，如果客户选择第一个，则应显示 3 美元，如果第二个为 4 美元，则为 2 美元第三美元依此类推。

NB〜我想收回钱，但只是显示它而不重新加载页面，许多网站建议制作BDD，但我的问题是我不知道如何将价格和属性放入数据库中到下拉列表中的正确值。

那么还有其他解决方案来显示价格吗？或者我可以获得帮助或像我想要获取价格那样的数据库吗？

Answer 1

实现这一点的最佳方法是使用 javascript。

<select id="dropdown">
  <option value="1.00">$1.00</option>
  <option value="12.43">$12.43</option>
  <option value="37.21">$37.21</option>
</select>

JavaScript:

var e = document.getElementById("dropdown");
var value = e.options[e.selectedIndex].value; // The value
var text = e.options[e.selectedIndex].text; // The text

或者 jQuery:

$("#dropdown :selected").text(); // The text
$("#dropdown").val(); // The value

data 属性允许您将自定义数据添加到 HTML 元素。

EG

HTML

<option data-price="12" value="1.00">$1.00</option>

Jquery

$(this).data("price")