javascript - 如果根据复选框值选中或取消选中复选框，则下拉列表的值

Question

当用户选择多个复选框时，我想要一个 javascript 代码，复选框 id 或值应该在下拉列表中。我示例中的旅行选项应根据复选框选择自动选择。在 javascript 中需要它

<input class="form__input form__input--checkbox" type="checkbox" id="flight" data-input="00N8E000002AjRq" />
<label class="form__field form__field--checkbox" for="flight">
  <span class="form__label">Flight</span>
</label>

<input class="form__input form__input--checkbox" type="checkbox" id="hotel" />
<label class="form__field form__field--checkbox" for="hotel">
  <span class="form__label">Hotel</span>
</label>

<input class="form__input form__input--checkbox" type="checkbox" id="travel" />
<label class="form__field form__field--checkbox" for="travel">
  <span class="form__label">Transfer </span>
</label> Travel Options:
<select id="00N8E000002AjRq" name="00N8E000002AjRq" title="Travel Options">
  <option value="">--None--</option>
  <option value="Flight">Flight</option>
  <option value="Flight + Hotel">Flight + Hotel</option>
  <option value="Flight + Hotel + Transfer">Flight + Hotel + Transfer</option>
  <option value="Flight + Transfer">Flight + Transfer</option>
  <option value="Eurostar">Eurostar</option>
  <option value="Eurostar + Hotel">Eurostar + Hotel</option>
  <option value="Eurostar + Hotel + Transfer">Eurostar + Hotel + Transfer</option>
  <option value="Eurostar + Transfer">Eurostar + Transfer</option>
  <option value="Train">Train</option>
  <option value="Train + Hotel">Train + Hotel</option>
  <option value="Train + Hotel + Transfer">Train + Hotel + Transfer</option>
  <option value="Hotel">Hotel</option>
  <option value="Hotel + Transfer">Hotel + Transfer</option>
  <option value="Transfer">Transfer</option>
</select><br>

Answer 1

这是我试过的js代码

 $('input[type="checkbox"]').click(function(){
var inputValue = $(this).attr("id");
if ($(this).is(":checked")) {
    $("." + inputValue + " select").val(1);
} else {
    $("." + inputValue + " select").val(-1);
}

});