表单下拉列表的占位符选择类型?

等级

如何在表单的下拉选择框中添加“请选择一个选项”作为默认显示的选项。

我正在修改magento模块,在前端添加一些新的输入恶魔,将其保存到magento数据库中的表中。表单可以正确地将信息保存到数据库,但是它始终显示用于列出选项的数组中的第一项。因此,如果用户确实更改了该选项,则数组[0]将被添加到数据库中。我想添加一个不会添加到数据库的占位符,因此它将提示用户选择一个选项。

这就是所谓的信息:

$fields[] = array(
        'name'     => 'vehicle_make',
        'label'    => Mage::helper('sublogin')->__('Make'),
        'required' => true,
        'type'     => 'select',
        'style'    => 'width:100px',
        'cssclass' => '',
        'options'  => array ("Acura", "Alfa Romeo","Audi", "BMW", "Buickm", "Cadillac", "Chevrolet", "Chrysler", "Dodge", "FIAT", "Ford", "GMC", "Honda", "Hyundai", "Infiniti", "Jaguar", "Jeep", "Kia", "Land Rover", "Lexus", "Lincoln", "Maserati", "Mazda", "Mercedes-Benz", "MINI", "Mitsubishi", "Nissan", "Porsche", "Ram", "Scion", "Smart", "Subaru", "Suzuki", "Toyota", "Volkswagen", "Volvo", "Yamaha"),
    );

这是用来显示输入字段的内容:

if ($formField['type'] == 'select' || $formField['type'] == 'multiselect')
                    {
                        $selectedOptions = $sublogin->getData($formField['name']);
                        $selectedOptions = explode(',', $selectedOptions);
                        ?>
                        <select 
                            <?php echo ($formField['type'] == 'multiselect')?"multiple=multiple":""; ?> 
                            id="<?php echo $formField['name'] ?>" 
                            name="<?php echo ($formField['type'] == 'multiselect')? $formField['name'].'[]':$formField['name'] ?>">
                        <?php foreach ($formField['options'] as $optionValue => $optionLabel) {
                            $selected = '';
                            if (in_array($optionValue, $selectedOptions))
                                $selected = 'selected';                             

                            echo '<option '.$selected.' value="'.$optionValue.'">'.$optionLabel.'</option>';
                        } ?>
                        </select>

车辆制造

aton1004

在上面的代码中

<select 
                            <?php echo ($formField['type'] == 'multiselect')?"multiple=multiple":""; ?> 
                            id="<?php echo $formField['name'] ?>" 
                            name="<?php echo ($formField['type'] == 'multiselect')? $formField['name'].'[]':$formField['name'] ?>">
                        <?php foreach ($formField['options'] as $optionValue => $optionLabel) {
                            $selected = '';
                            if (in_array($optionValue, $selectedOptions))
                                $selected = 'selected';                             

                            echo '<option '.$selected.' value="'.$optionValue.'">'.$optionLabel.'</option>';
                        } ?>
                        </select>

像这样在foreach之前添加该默认选项

<select 
                            <?php echo ($formField['type'] == 'multiselect')?"multiple=multiple":""; ?> 
                            id="<?php echo $formField['name'] ?>" 
                            name="<?php echo ($formField['type'] == 'multiselect')? $formField['name'].'[]':$formField['name'] ?>">
//added this line of code
                            <option name="please-select" value="100">Please select an option</option>
                        <?php foreach ($formField['options'] as $optionValue => $optionLabel) {
                            $selected = '';
                            if (in_array($optionValue, $selectedOptions))
                                $selected = 'selected';                             

                            echo '<option '.$selected.' value="'.$optionValue.'">'.$optionLabel.'</option>';
                        } ?>
                        </select>

您可以为此使用任何值和名称。现在使用可以使用javascript对其进行验证。

希望这可以帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Laravel数据库使用占位符选择下拉列表

来自分类Dev

如何使用自定义外观列表在列表下拉列表中隐藏选择占位符

来自分类Dev

Ajax 开始表单不选择强类型下拉列表值

来自分类Dev

Angular + Kendo:下拉列表的默认占位符

来自分类Dev

下拉列表中的MVC占位符

来自分类Dev

从下拉列表中选择选项后,搜索框占位符文本应更改

来自分类Dev

占位符文本颜色的差异和选择下拉菜单

来自分类Dev

如何更改selectize.js下拉列表的占位符?

来自分类Dev

Woocommerce Checkout:在国家/地区下拉列表中添加占位符

来自分类Dev

根据下拉列表中的选择填写表单

来自分类Dev

<选择>占位符样式

来自分类Dev

Django表单错误占位符

来自分类Dev

动态占位符HTML表单

来自分类Dev

多模型嵌套选择类型下拉表单提交

来自分类Dev

选择下拉列表后自动填充Infopath表单

来自分类Dev

根据下拉列表中的选择删除Web表单的某些部分

来自分类Dev

下拉检查列表单选取消选择

来自分类Dev

为在角度下拉列表中创建的默认空白选项设置占位符文本?

来自分类Dev

从占位符C#中的动态下拉列表中检索值

来自分类Dev

如何使用静态占位符和自定义图标构建引导下拉列表

来自分类Dev

ReactJS,如何更改表单类型,来自 onChange 下拉列表

来自分类Dev

当表单发送的值与下拉列表中显示的值不同时,获取“选择”下拉列表的值

来自分类Dev

动态下拉菜单的占位符

来自分类Dev

Kendo下拉菜单默认占位符

来自分类Dev

C#Winforms:将“从列表中选择...”占位符添加到数据绑定组合框

来自分类Dev

如何为依赖选择列表设置默认值/占位符?

来自分类Dev

中心表单输入和占位符?

来自分类Dev

Javascript表单验证多个使用占位符

来自分类Dev

如何防止表单占位符发生反应

Related 相关文章

  1. 1

    Laravel数据库使用占位符选择下拉列表

  2. 2

    如何使用自定义外观列表在列表下拉列表中隐藏选择占位符

  3. 3

    Ajax 开始表单不选择强类型下拉列表值

  4. 4

    Angular + Kendo:下拉列表的默认占位符

  5. 5

    下拉列表中的MVC占位符

  6. 6

    从下拉列表中选择选项后,搜索框占位符文本应更改

  7. 7

    占位符文本颜色的差异和选择下拉菜单

  8. 8

    如何更改selectize.js下拉列表的占位符?

  9. 9

    Woocommerce Checkout:在国家/地区下拉列表中添加占位符

  10. 10

    根据下拉列表中的选择填写表单

  11. 11

    <选择>占位符样式

  12. 12

    Django表单错误占位符

  13. 13

    动态占位符HTML表单

  14. 14

    多模型嵌套选择类型下拉表单提交

  15. 15

    选择下拉列表后自动填充Infopath表单

  16. 16

    根据下拉列表中的选择删除Web表单的某些部分

  17. 17

    下拉检查列表单选取消选择

  18. 18

    为在角度下拉列表中创建的默认空白选项设置占位符文本?

  19. 19

    从占位符C#中的动态下拉列表中检索值

  20. 20

    如何使用静态占位符和自定义图标构建引导下拉列表

  21. 21

    ReactJS,如何更改表单类型,来自 onChange 下拉列表

  22. 22

    当表单发送的值与下拉列表中显示的值不同时,获取“选择”下拉列表的值

  23. 23

    动态下拉菜单的占位符

  24. 24

    Kendo下拉菜单默认占位符

  25. 25

    C#Winforms:将“从列表中选择...”占位符添加到数据绑定组合框

  26. 26

    如何为依赖选择列表设置默认值/占位符?

  27. 27

    中心表单输入和占位符?

  28. 28

    Javascript表单验证多个使用占位符

  29. 29

    如何防止表单占位符发生反应

热门标签

归档