javascript - 将选择列表中的元素解析为 $_POST 以写入数据库

Question

我目前正在制作注册表并通过 $_POST 粘贴所有元素像这样:

<input type="text" placeholder="Your username" name="username" value="<?php echo @$username; ?>">

我的问题是我想制作一个选择列表

<select name="Icecream Flavours">
    <option value="double chocolate">Double Chocolate</option>  
    <option value="vanilla">Vanilla</option>    
    <option value="strawberry" selected>Strawberry</option> 
    <option value="caramel">Caramel</option>
</select>

并粘贴所选参数，就像粘贴上面输入字段中的输入文本一样。

我设法通过列表来做到这一点，但它看起来很困惑，有时不适用于所有浏览器。

Answer 1

您的第一行代码应该是:

<input type="text" placeholder="Your username" name="username" value="<?php echo isset($_POST['username'])?$_POST['username']:null; ?>">

使用压制运算符@是一种过度杀伤力，并且会无缘无故地减慢你的脚本速度。

对于您选择的字段，我会将值存储在数组中，然后循环遍历它，并将 $_POST 值与每个数组条目进行比较，如果 true 添加 选择到选项输出。

所以你的代码变得像这样

<?php

$myOptions = array(
    'double' => 'Double chocolate', 
    'vanilla' => 'Vanilla', 
    'strawberry' => 'Strawberry'
    /* and so on */
);

?>

<select name="Icecream_Flavours">

<?php

foreach($myOptions as $key => $opt) {
   $selected = (!isset($_POST['Icecream_Flavours']) || $key != $_POST['Icecream_Flavours'])?null:' selected';

   echo '<option value="' . $key . '"' . $selected. '>' . $opt . '</option>';
}

?>

</select>