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

这是我在数据库中的表

津贴

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"，如果我添加其他类型的津贴，文本框值必须根据所选的下拉列表而变化。

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