Füllen von 2 Formularfeldern basierend auf SELETLIST Auswahl

Question

Dies macht mich verrückt. Ich habe ein Formular mit 2 Feldern.

<select name="serviceDescription" id="serviceDescription" onchange="PopulateDescriptionsField();"/> </select>  

Ich fülle die selectList von einem CFC-Aufruf über JQuery. Dieser Teil funktioniert. Ich habe ein zweites Feld:

<input name="descriptionEdit" id="descriptionEdit" size="50"> 

Ich mag würde den Wert von descriptionEdit auf die alles, was Wert setzen ist in der Servicedescription Select ausgewählt.

Ich kann nicht scheinen, dies herauszufinden.

Answer 1

Mit JQuery ist:

$('body').on('click','#serviceDescription',function() { 
    var value = $('#serviceDescription').val(); 
    $('#descriptionEdit').attr('value',value); 
}); 

Answer 2

haben einen Blick in auf unter Code gewählte Option in der Servicedescription Liste zu bearbeiten, und es kann Ihnen helfen, das gleiche zu implementieren.

$('#serviceDescription').change(function(){ 
 
    var optValue = $(':selected',this).text(); 
 
    $('#descriptionEdit').val(optValue); 
 
    
 
    $("#descriptionEdit").keyup(function() { 
 
    var value = $(this).val(); 
 
    var newOptval = $("#descriptionEdit").text(value); 
 
    $(':selected','#serviceDescription').text(value).val(value); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<select name="serviceDescription" id="serviceDescription"> 
 
    <option value='service1'>service1</option> 
 
    <option value='service2'>service2</option> 
 
    <option value='service3'>service3</option> 
 
    <option value='service4'>service4</option> 
 
    <option value='service5'>service5</option> 
 
    <option value='service6'>service6</option> 
 
    <option value='service7'>service7</option> 
 
    <option value='service8'>service8</option> 
 
</select> 
 
<input name="descriptionEdit" id="descriptionEdit" size="50">