テキストボックスに値を挿入するhtml

Question

HTMLでチェックアウトし、HTMLテキスト入力で追加する方法についての説明を読んだ。

私のケースではDBからのデータでwhileループを実行するselect dynamicが動作しません。解決策を見つけるのを助けてくれますか？

選択した値とテキストを、テキストフィールドに以下の形式で表示したいとします。

<select name="auto" id="auto"> 
    <option value="false">Auto non presente</option> 
    <?php while ($row = mysqli_fetch_array($result_modello)):; ?> 
     <option value="<?php echo $row['id_modello']; ?>"><?php echo $row['nome_modello']; ?></option> 
    <?php endwhile; ?> 
    </select> 
    <select name="marca"> 
    <option value="false">Marca non presente</option> 
    <?php while ($row = mysqli_fetch_array($result_marca)):; ?> 
     <option value="<?php echo $row['id_marche']; ?>"><?php echo $row['nome_marche']; ?></option> 
    <?php endwhile; ?> 
    </select> 

Answer 1

これを試してみてください：

$("input[type=text]").val($("select[name=marca]").val()); 

それとも

$("input[type=text]").val($("#auto").val()); 

あなたが選択使用、この両方を表示したい場合：

var one = $("#auto").val(); 

var two = $("select[name=marca]").val(); 

$("input[type=text]").val(one + " , " + two); 

Answer 2

あなたがテキストを取得するため）（値との.textのために）（.val使用することができます。

var text_val = 'val : ' + $("select").val() + 'text : ' +$("select").text(); 
$("input[type=text]").val(text_val); 

Answer 3

jQueryを使用していませんが、普通の普通のJavascriptを使用すると、これらの行に沿ったものが必要です。

<form> 
    <select id='auto' name='auto'> 
     <option value=1>Banana 
     <option value=2>Apple 
     <option value=3>Cherry 
     <option value=4>Pomegranate 
     <option value=5>Mango 
    </select> 
    <div id='results'></div> 
</form> 

<script type='text/javascript'> 
    function display(e){ 
     var el=e.target; 
     var div=document.getElementById('results'); 
     var value=el.options[el.options.selectedIndex].value; 
     var text=el.options[el.options.selectedIndex].text; 
     div.innerHTML=value+text; 
    } 
    document.getElementById('auto').addEventListener('change',display,false); 
</script> 

Answer 4

これは私が私のポストへのご清聴ありがとうございました

var e = document.getElementById("auto"); 
var value = e.options[e.selectedIndex].value; 
var text = e.options[e.selectedIndex].text; 

Answer 5

に動作します。 私の場合、選択するすべての値に動的テキストフィールドが表示されます。 私は2番目のフォームの2つのテキストボックスで、2つの選択で選択された2つの値のみを比較したいと考えました。