根据 SELETLIST 选择填充 2 个表单域

Question

这让我发疯。我有一个包含 2 个字段的表单。

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

我通过 JQuery 从 CFC 调用填充 selectList。那部分有效。我有第二个字段：

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

我想将 descriptionEdit 的值设置为在 serviceDescription 选择列表中选择的任何值。

我好像想不通。

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">

根据 SELETLIST 选择填充 2 个表单域

Populating 2 form fields based on SELETLIST selection

javascript

jquery

cfc