[英]How to generate dynamic label and input field with unique id,name for dropdown selected item in javascript?
[英]How to generate a input type dropdown using javascript?
嗨,我正在使用codeigniter。 单击按钮时,我正在使用javascript动态添加行。 这是我的剧本
<script>
function displayResult() {
var row = document.getElementById("test").insertRow(-1);
row.innerHTML = '<td><input type="text" name="employee[]" value="" style="width:80px;"/></td><td><input type="text" name="start_time[]" value="" style="width:35px;"/></td><td><input type="text" name="pid[]" style="width:35px;"/></td><td><input type="text" name="description[]" class="description" value="" style="width:145px;"/></td><td><input type="text" class="type" value="" style="width:45px;"/></td><td><input type="text" class="qty_prch" value="" style="width:45px;"/></td><td><input type="text" class="qty_used" value="" style="width:45px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td><td><input type="text" value="" style="width:70px;"/></td>';
}
</script>
在此脚本中,我正在生成包含许多文本框的行。 现在,我需要一个form_dropdown
而不是脚本中的第一个文本框( employee[]
)我的form_dropdown代码:在这里,我从控制器文件中获取数据。 我的数据库中有此员工详细信息
<?php
//form data
$attributes = array('class' => 'form-horizontal', 'id' => '');
$options_employee = array('' => "Select");
foreach ($employee as $row)
{
$options_employee[$row['name']] = $row['name'];
}
?>
这就是我在查看页面中使用它的方式。
<?php
echo '<div class="control-group">';
echo '<div class="controls">';
echo form_dropdown('employee', $options_employee, set_value('employee[]'), 'class="span2"');
echo '</div>';
echo '</div">';
?>
当您拥有数据数组时,下拉菜单在JS中非常容易。
您可以将JS本机地图函数与数组一起使用,以轻松呈现菜单,如下所示。
JSON /对象:
$options_employee: [
'Michael',
'John',
'Sam'
]
HTML:
<div id="employee-menu">
<div class="control-group">
<div class="controls">
<select name="employee" class="span2">
<option></option>
</select>
</div>
</div>
</div>
JS:
mag.module("employee-menu", {
view: function(state, props) {
state.option = props.$options_employee.map(function(employee, key) {
return {
_value: key,
_text: employee
}
})
}
}, props)
这是完整的工作示例: http : //jsbin.com/pexifodari/edit?html,js,output
希望有帮助!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.