如何在单个输入中添加两个函数值

Question

我想知道如何将两个函数的值添加到一个输入中。 这意味着我有一个下拉列表和一个输入字段。 我想将下拉列表值和输入字段值添加到另一个输入字段中。 但根据我的代码，它会覆盖值。 我不能同时保留下拉列表值和输入字段值。 我想知道如何在第二个输入字段中同时保留下拉列表值和一个输入字段值。

null

function changeFunc() {
    $('#currency_name').val($('#cur_rate :selected').text());
}
function click_key() {
    $('#currency_name').val($('#cost_price').val());
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<select id="cur_rate" onchange="changeFunc();">
    <option>a</option>
    <option>b</option> 
    <option>c</option> 
    <option>d</option> 
</select>
<input type="text" id="cost_price" placeholder="Enter Cost Price" name="cost_price" onkeyup="click_key();">

<input id="currency_name" name="currency_name">

null

Answer 1

您可以创建其他函数并添加值，或者只在那些您已经完成的函数中执行条件，就像我在代码片段中指出的那样

null

function changeFunc() {
  $('#currency_name').val('');
  if ($('#cost_price').val() !== '') {
    $('#currency_name').val($('#cur_rate :selected').text() + $('#cost_price').val());
  } else {
    $('#currency_name').val($('#cur_rate :selected').text())
  }
}

function click_key() {
  $('#currency_name').val('');
  if ($('#cur_rate :selected').text() !== '') {
    $('#currency_name').val($('#cur_rate :selected').text() + $('#cost_price').val());
  } else {
    $('#currency_name').val($('#cost_price').val())
  }
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<select id="cur_rate" onchange="changeFunc();">
  <option>a</option>
  <option>b</option>
  <option>c</option>
  <option>d</option>
</select>
<input type="text" id="cost_price" placeholder="Enter Cost Price" name="cost_price" onkeyup="click_key();">

<input id="currency_name" name="currency_name">