ドロップダウンリストで選択した値を他のドロップダウンリストに入れますか？

Question

これは私のスクリプトです：

function myFunction() { 
    var x = document.getElementById("mySelect").value; 
    var xtest = x.split("|"); 
    x = xtest[1]; 
    document.getElementById("demo").innerHTML = x; 
    var text = $('#demo').html(); 
    $('#texted').val(text); 
} 

$(document).ready(function() { 
    myFunction(); 
    $("#mySelect").change(function() { 
     myFunction(); 
     sum(); 
    }); 
    sum(); 
    $("#num1, #texted").on("keydown keyup", function() { 
     sum(); 
    }); 
    $("#num1").mouseup(function() { 
     sum(); 
    }); 
}); 

function sum() { 
    var num1; 
    num1 = document.getElementById('num1').value; 
    document.getElementById('sum').value = num1; 
    var texted = document.getElementById('texted').value; 
} 

これは、私は私が

を選択した値を載せていきたいと思います（テキスト）

echo"<select name='id_type' id='mySelect' onchange='myFunction()' class='form-control select' data-live-search='true'>"; 
foreach($data as $r){ 
echo"<option value=".$r['id_type']."|".$r['libelle'].">".$r['libelle']."</option>"; 
} 
echo"</select>"; 

<p id="demo"></p> 

これは値型を取得していたところからです

echo"<select name='echange' id='texted' class='form-control select' data-live-search='true'>"; 
foreach($data as $r){ 
echo"<option value=".$r['id_annee'].">".$r['libelle']."</option>"; 
} 
echo"</select>"; 

PSこの方法の目的は、それが簡単

最後の選択で特定のデータを検索できるようにすることです

Answer 1

PHPを使用して各リストを構築することはできますが、JavaScriptを使用して各リストの値を操作することは間違いありません。たとえば（私はここでストレートJSを使用するつもりです）あなたはこのような何かをすることができます

list1 = document.getElementById("mySelect"); 
list2 = document.getElementById("texted"); 

list1.onblur = function() { 
    list2.value = list1.options[list1.selectedIndex].value; 
    //add option 
    var opt = document.createElement('option'); 
    opt.value = list1.options[list1.selectedIndex].value; 
    opt.innerHTML = list1.options[list1.selectedIndex].value; 
    list2.appendChild(opt); 
}