我想在选择组合框中的一个数据后创建名为HOLIDAY
的动态文本字段。
在组合框中显示的列是PROBLEM
。
例如,我有五个问题是A,B,C,D,E。
当我在组合框中选择一个问题时,表单编辑将显示动态文本字段名称HOLIDAY
而不重新加载页面。但是,如果我选择B,C,D,E,它不会显示。只是一个有动态文本字段的问题。
那么,我该如何解决这个问题呢? codeigniter上的控制器,模型和视图的代码是什么?
答案 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预览
此致