Laravel 选择框中的条件显示值

大家好，我尝试在表单中显示一个特定的值，从一个选择框。例如，如果我选择Arbitre Central，我希望在输入文本字段中显示65，以获取控制器中的值。有人现在怎么做到这一点？ 先谢谢你

顺便说一句，这项技术对我来说是单选按钮，而不是选择框选项

这是我的表格，里面有我要找的主要想法，但当然不行：

<td>
    <div class="form-group">
        <select name="fonction" class="form-control select2" style="width: 100%;">
            <option name="choiceBareme" value="optionArbitreCentral">Arbitre Central</option>
            <option name="choiceBareme" value="optionJugeDeTouche">Juge de Touche</option>
            <option name="choiceBareme" value="optionDelegue">Délégué</option>
            <option name="choiceBareme" value="optionArbitreVideo">Arbitre Vidéo</option>
        </select>
    </div>
</td>
<td>
    <div class="conditional" data-cond-option="choiceBareme" data-cond-value="optionArbitreCentral">
        0
    </div>

    <div class="conditional" data-cond-option="choiceBareme" data-cond-value="optionJugeDeTouche">
        1
    </div>
</td>

---

你可以这样做

var obj={optionArbitreCentral:65，optionJugeTouche:55，optionDelegue:46，optionArbitreVideo:68}； 函数displayVal{ var val=document.getElementById'mySelect'。值； document.getElementById'myInput'。value=obj[val]； } 阿比特中心酒店 触摸壶 德莱盖 自由裁量权

---

在选项中为要在更改时反映在输入文本中的特殊值添加新属性

<select name="fonction" class="form-control select2" style="width: 100%;">
        <option name="choiceBareme" value="optionArbitreCentral" special_val="12">Arbitre Central</option>
        <option name="choiceBareme" value="optionJugeDeTouche"  special_val="912">Juge de Touche</option>
        <option name="choiceBareme" value="optionDelegue"  special_val="192">Délégué</option>
        <option name="choiceBareme" value="optionArbitreVideo"  special_val="62">Arbitre Vidéo</option>
</select>
<input type="text" value="" id="input_text" name="special_val">

和onchange调用jQuery函数

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.0.min.js">
</script><script type="text/javascript">
$(document).ready(function() {
    $('.select2').on('change', function(){
        $("#input_text").val($('.select2 option:selected').attr('special_val'));
    });
});
</script>

---

检查这里：

谢谢你的回复，这正是我要找的！你有jquery的cdn脚本使它在我的应用程序上工作吗？因为事实上，输入没有显示任何内容。如果你觉得我的回答很有用，请接受答案或投票表决。我会投票，但为了使这项工作，我需要包括jquery的cdn代码，对吗？像这样的吗？：$。选择2'。在'change'上，函数{$input_text.val$'。选择2选项：selected'.attr'special_val'；}；谢谢你的回答！当我更改“选择”框中的值时，它不起作用！问题在哪里？我把脚本放在@endSection之前，但仍然没有，但我会尝试搜索为什么我的javascript不能工作！但是你的代码似乎工作得很好谢谢你的回复！我不是javascript专家，我需要把var obj。。。在我的页面的@endsection之前？我需要一个java脚本cdn链接来运行这个？你不需要任何cdn链接。您是否有自己制作的javascript文件，在其中键入所有javascript函数？你只需要在这里声明obj，我刚刚更新了上面的答案。如果你没有一个js文件，你可以把代码放在你的select标签上面，就像上面我的答案一样。这是使用纯javascript完成的。您不需要仅为此包含jquery cdn。