使用代码点火器从下拉列表中填充文本框

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>