你好我有这个代码
<td class="form-group col-sm-3 ">
<select class="form-control text-center" name="grade">
<option>Grad</option>
@foreach($salarys as $salay)
<option value="{{ $salay->grade}}">{{ $salay->grade}}</option>
@endforeach
</select>
</td>
<td class="col-sm-3">
<input type="text" class="form-control text-center" value="500" ="" placeholder="Net Pay" name="netpay" readonly>
</td>
我想要显示500的其他文本值中的值,例如,如果我选择类似A的东西,那么我想看看我在其他文本中选择的内容
像A级有500净工资或净工资所以我想看看
netpay而不是值=&#34; 500&#34;
所以salray
{{$ salay-&gt; grade}}这在选择框A,B,C中 如果我选择其中一个,我想看到另一个的净工资 输入文本 {{$ salay-&gt; netpay}}这是净工资500,800,900
答案 0 :(得分:0)
如果您需要在文本框中查看所选内容,可以使用jquery:
$(function () {
$('select[name="grade"]').change(function() {
$('input[name="netpay"]').val($(this,':selected').val())
})
})
如果您需要与所选内容相关的显示相关数据,则应进行ajax调用,然后在文本框中添加结果值。
答案 1 :(得分:0)
尝试使用数据属性
<td class="form-group col-sm-3 ">
<select id="selGrade" class="form-control text-center" data-grade="{{$salary->grade}}" name="grade">
<option>Grad</option>
@foreach($salarys as $salay)
<option value="{{ $salay->grade}}">{{ $salay->grade}}</option>
@endforeach
<td class="col-sm-3">
<input id="netpay" type="text" class="form-control text-center" value="500" ="" placeholder="Net Pay" name="netpay" readonly>
</td>
在你的Jquery
中$(function () {
$('#selGrade').change(function() {
$var = $(#selGrade).attr('data-grade')
$('#netpay').val($var)
})
})
很老的解决方案,但我认为这将有效:) 希望这有帮助...