如何进行下拉列表，以在每个onchange事件中提供输出

Question

我正在处理一个有3个选项的下拉级元素，该元素分别将其命名为x，y，z具有值1,2,3。现在我的问题是如何设置一个条件或下一步显示的每次我选择选项时显示的图形，它仅显示了我首先选择的第一个选项的图。

Answer 1

尝试此代码。这将为您提供当前选项，您可以根据您可以执行下一个操作。

html：

<select id="select" onchange="onOptionChange();"> 
  <option value="1">X</option> 
  <option value="2">Y</option> 
  <option value="3">Z</option> 
</select>

JS：

function onOptionChange() {
  console.log($('#select').val());    //prints current option selected
}

Answer 2

<select id="ddrp1">
  <option value="">Select an option</option>
  <option value="1">X</option>
  <option value="2">Y</option>
  <option value="3">Z</option>
</select>

假设下拉列表选择的ID为ddrp1。

$("#ddrp1").on("change", function() {
  var selectedVal = this.value;
  var selectedText = this.options[this.selectedIndex].text;
  var selectedVal = $(this).find(':selected').val();
  var selectedText = $(this).find(':selected').text();
  // set your condition here based on selectedText or selectedVal to display graph
}​​​​);​