最受欢迎

选择组合框数据后的动态文本字段(编码器)

Dynamic text field after select combo box data (codeigniter)

本文关键字：字段 文本 编码器 动态 组合 数据 选择 | 更新日期: 2023-09-27

我想使动态文本字段命名为HOLIDAY后，在组合框中的数据之一已选择。

组合框中显示的列是PROBLEM。例如，我有五个问题是A, B, C, D, e。

当我在组合框上选择一个问题时，表单编辑将显示动态文本字段名称HOLIDAY而无需重新加载页面。但是，如果我选择B, C, D, E，它不显示。只是一个问题，其中有动态文本字段。

那么，我该如何解决这个问题呢?在codeigniter上控制器、模型和视图的代码是什么?

您可以试试下面的代码:

<select id="combo" name="combo">
    <option value=""></option>
    <option value="A">A problem</option>
    <option value="B">B problem</option>
    <option value="C">C problem</option>
    <option value="D">D problem</option>
    <option value="E">E problem</option>
</select>
Javascript:

$(document).ready(function(){
    $("#combo").change(function(){
        var $comboValue = $(this).val();
        if($comboValue == "A"){
            //Dynamically create the textbox
            var $template = "<input type='text' name='HOLYDAY' id='HOLYDAY' placeholder='HOLYDAY' />";
            $(this).parent().append($template);
        } else {
            $("#HOLYDAY").remove();   
        }
    });
});

这里是实时预览

对

相关文章：
最新更新
www.56WenDa.com 2012-2023 | php问答网 | php学习