javascript - 使用 JavaScript 获取多个选定的文本选项

Question

如何在两个值之间使用连字符？这是我的代码：

jQuery(document).ready(function($) {
          
        $('input').val('default');   
       $('select').change(function() {
		var var_id = $(':selected').text();
		   
		   
         $('input').val(var_id);
                
            
         });
          
      });

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<select>
	<option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
	<option value="D">D</option>
</select>

<select>
  <option value="1">1</option>
  <option value="2">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<input type="text" value="">

这是我收到的结果：

这就是我要的：

如何在两个值之间使用连字符？

任何帮助表示赞赏。

标签： javascripthtmldomdrop-down-menu

Answer 1

您可以在 html 中使用“id”：

<div>
  <select id="alphabet">
    <option value="A">A</option>
  <option value="B">B</option>
  <option value="C">C</option>
    <option value="D">D</option>
</select>

<select id="id">
  <option value="1">1</option>
  <option value="2">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<input type="text" value="">
</div>

jQuery(document).ready(function($) {

        $('input').val('default');   
        $('#id').change(function() {
        const id = $('#id :selected').text();
        const alphabet = $('#alphabet :selected').text();
        $('input').val(alphabet + "-" + id);  
         });
      });