Use:

<select id="Ultra" onchange="alert(this.value)">
    <option value="0">Select</option>
    <option value="8">text1</option>
    <option value="5">text2</option>
    <option value="4">text3</option>
</select>

从元素内部访问任何输入/表单字段时，都可以使用“this”关键字。这样就不需要在DOM树中查找表单，然后在表单中查找该元素。

以下是JavaScript代码行：

var x = document.form1.list.value;

假设下拉菜单名为list name=“list”，并包含在name属性name=“form1”的表单中。

使用jQuery：

$('select').val();

Try

ddlViewBy.value                      // value

ddlViewBy.selectedOptions[0].text    // label

console.log（ddlViewBy.value）；console.log（ddlViewBy.selectedOptions[0].text）；<select id=“ddlViewBy”><option value=“1”>快乐</option><option value=“2”>树</option><option value=“3”selected=“selected”>朋友</option></选择>

您可以使用querySelector。

E.g.

var myElement = document.getElementById('ddlViewBy');

var myValue = myElement.querySelector('[selected]').value;

我认为您可以将事件侦听器附加到select标记本身，例如：

<script>
  document.addEventListener("DOMContentLoaded", (_) => {
    document.querySelector("select").addEventListener("change", (e) => {
      console.log(e.target.value);
    });
  });
</script>

在这种情况下，您应该确保所有选项都有一个value属性，并且它们不为空。