選択ボックスの条件表示値

Question

こんにちはみんな私は選択ボックスからフォームに特定の値を表示しようとします。私が "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> 

Answer 1

変更するときに入力テキストに反映させるspecial_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"> 

、ここ

<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の関数を呼び出すのonchange：ご返信用http://jsfiddle.net/0o368npa/

Answer 2

あなたは、このようにそれを行うことができ

<script type="text/javascript"> 
 
var obj={optionArbitreCentral:65,optionJugeDeTouche:55,optionDelegue:46,optionArbitreVideo:68}; 
 
function displayVal(){ 
 
var val=document.getElementById('mySelect').value; 
 
document.getElementById('myInput').value=obj[val]; 
 
} 
 
</script> 
 
<select id="mySelect" onchange="displayVal()" 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> 
 
    
 
<input id="myInput"/>