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

时间:2015-07-07 14:18:36

标签: javascript php jquery codeigniter combobox

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

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

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

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

1 个答案:

答案 0 :(得分: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预览

此致