javascript - 选择组合框数据后的动态文本字段(codeigniter)

Question

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

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

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

那么，我该如何解决这个问题呢？codeigniter 上 Controller 、模型和 View 的代码是什么？

Answer 1

您可以尝试以下代码吗:

HTML

<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();   
        }
    });
});

这里是fiddle实时预览

问候