根據SELETLIST選擇填充2個表單字段

Question

這真讓我抓狂。 我有一個包含2個字段的表格。

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

我通過JQuery從CFC調用中填充了selectList。 那部分起作用。 我有第二個領域：

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

我想將descriptionEdit的值設置為serviceDescription selectlist中選擇的任何值。

我似乎無法弄清楚。

Answer 1

用jQuery是：

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

Answer 2

請查看以下代碼以編輯serviceDescription列表中的選定選項，它可能有助於您實現相同的功能。

 $('#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">