javascript - SELECT:合并两个或多个select的值，并将其组合作为输出

我有很多天都在研究这个问题，但一无所获。我需要进行选择，DUPLICATE，DUPLICATE和DUPLICATE取决于用户。之后，我需要将每个选项的值合并到我选择的选择中。我希望我能在这里得到答案。以下代码如下：

<button name="duplicateselect" class="btn btn-primary">ADD ANOTHER SELECT</button>

<div class="row">
  <div class="col-lg-12">
    <div class="form-group">
      <label for="select1">ELEMENT 1</label>
      <select class="form-control" name="select2" id="select2">
        <option value="H">HYDORGEN</option>
        <option value="O">OXYGEN</option>
        <option value="K">POTASSIUM</option>
      </select>
    </div>
  </div>
  <div class="col-lg-12">
    <div class="form-group">
      <label for="select2">ELEMENT 2</label>
      <select class="form-control" name="select2" id="select2">
        <option value="H">HYDORGEN</option>
        <option value="O">OXYGEN</option>
        <option value="K">POTASSIUM</option>
      </select>
    </div>
  </div>
  <input type="text" class="form-control" placeholder="Combination Here" name="combination" id="combination">
</div>

输出应为：
例如我在select1氢气和select2氧气处选择
值应为H + O

最佳答案

您有两个select，其ID为select2。您需要更改其中之一。请尝试以下操作：

$('input[name=duplicateselect').click(function(){
    var sel1 = $('#select2 option:selected').val();
    var sel2 = $('#select3 option:selected').val();
    $('#combination').val(sel1+' + '+sel2)
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="submit" name="duplicateselect" class="btn btn-primary">
<div class="row">
  <div class="col-lg-12">
    <div class="form-group">
      <label for="select1">ELEMENT 1</label>
      <select class="form-control" name="select2" id="select2">
        <option value="H">HYDORGEN</option>
        <option value="O">OXYGEN</option>
        <option value="K">POTASSIUM</option>
      </select>
    </div>
  </div>
  <div class="col-lg-12">
    <div class="form-group">
      <label for="select2">ELEMENT 2</label>
      <select class="form-control" name="select2" id="select3">
        <option value="H">HYDORGEN</option>
        <option value="O">OXYGEN</option>
        <option value="K">POTASSIUM</option>
      </select>
    </div>
  </div>
  <input type="text" class="form-control" placeholder="Combination Here" name="combination" id="combination">
</div>

关于javascript - SELECT:合并两个或多个select的值，并将其组合作为输出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43248843/