使用Codeigniter从下拉列表填充文本框

Question

这是我数据库中的表

津贴

id |      type         |    allowance_value   | 
1  |  Meal Allowance   |        100.00        |
2  |  Travel Allowance |        150.00        |

工资表

payroll_id | employee_id | date_generated | allowance_id | allowanceValue
     1     |       2     |  2016-01-15    |     1        |    100.00
     2     |       3     |  2016-01-15    |     1        |    100.00

从津贴表中选择类型时，我使用的是下拉菜单，这是我的代码。

<?php echo form_dropdown('emp_allowance', $dropdown, (isset($_POST['emp_allowance']) ? $_POST['emp_allowance'] : ''), 'class="form-control" id="emp_allowance"'); ?>  

而且我有一个文本框，如果我选择津贴类型，它将填充

<input type="text" id="total_allowance" name="total_allowance" class="form-control" readonly="readonly">

选择“膳食津贴”时如何填充文本框，文本框值必须为“ 100.00”，如果添加另一种津贴，则文本框值必须根据所选的下拉列表而变化。

Answer 1

您可以创建一个jquery片段：

<script>
$('#emp_allowance').on('change', function() {
    var selected = $( "#emp_allowance" ).val();
    $('input[name="total_allowance"]').val(selected);
});
</script>