如何从下拉列表和输入框中获取要显示的附加值？

<select id="dropdown">
  <option value="value1">选项1</option>
  <option value="value2">选项2</option>
  <option value="value3">选项3</option>
</select>

<input type="text" id="input" placeholder="请输入附加值">

// 获取下拉列表和输入框的DOM元素
var dropdown = document.getElementById("dropdown");
var input = document.getElementById("input");

// 监听下拉列表和输入框的变化事件
dropdown.addEventListener("change", updateDisplay);
input.addEventListener("input", updateDisplay);

// 更新显示的附加值
function updateDisplay() {
  var selectedValue = dropdown.value;
  var inputValue = input.value;

  // 进行附加值的处理逻辑，例如拼接字符串
  var additionalValue = selectedValue + " - " + inputValue;

  // 将处理后的附加值显示在页面中的某个元素上
  document.getElementById("display").textContent = additionalValue;
}