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

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

jQuerydocument.readyfunction${ $'input'.val'default'； $'select'.change函数{ var var_id=$'：selected'.text； $'input'.valvar\U id； }; }; A. B C D 1. 3. 4. 5.

---

这里有一种方法：

jQuery(document).ready(function($) {
    $('input').val('default');   
    $('select').change(function() {
        var var_id = $(':selected').text();
        $('input').val(var_id[0] + ' - ' + var_id[1]);
    });
});

此外，如果要使用ES6模板文字，可以使用：

$('input').val(`${var_id[0]} - ${var_id[1]}`);

当任何选择菜单更改时，您可以按每个选择值并使用连字符分隔符连接

$document.readyfunction${ $'input'.val'default'； $'select'.change函数{ 让值=[]； $'select'。每个函数{ values.pushthis.value； }; $'input'.valvalues.join'-' } }; A. B C D 1. 2. 3. 4.

---

您可以在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);  
         });
      });

您可以将每个元素映射到它们的文本表示形式，然后加入文本值数组，而不是将文本直接应用到$'：selected'返回的元素数组：

jQuerydocument.readyfunction${ $'input'.val'default'； $'select'.change函数{ var var_id=$'：selected'.mapfunction{ 返回$this.text }.toArray.join-； $'input'.valvar\U id； }; }; A. B C D 1. 3. 4. 5.

---

这就是我修改代码的方式，无论所选选项文本的内容如何，它都会为您提供预期的结果：

jQuerydocument.readyfunction${ $'input'.val'default'； $'select'.change函数{ var var_id=[]； $'：已选定。每个函数索引，项{ var_id.pushitem.innerText }; $'input'.valvar_id.join'-'； }; }; A. B C D 1. 3. 4. 5.