如何将我的 select 框值发送到 javascript

Question

我有随机数量的 javascript 生成的 select 框，它们都包含相同的选项。 现在我希望有一个“主选择框”，它为每一个设置值。

目前我有<select id="changeKlas" onChange="javascript:changeClass(this.parentNode, getElementById(changeKlas))">

在 javascript 中，我已经找到了每一个 select 盒子，我已经知道如何设置该值，但该值并未发送到 javascript。

在每次尝试中，我都将getElementById(changeKlas)设为 null。 我该如何解决这个问题，以便我可以在给定的 select 中获取所选文本框的文本和值？

Answer 1

尝试这个。

<select id="changeKlas" onChange="changeClass(this)">

在您的 JavaScript 中，这将转换为document.getElementById(changeKlas)

Answer 2

您需要引用 id: [...], document.getElementById('changeKlas') - 注意单引号，双引号需要转义，因为来自onChange的外部引号。 另外，请注意getElementById属于document

Answer 3

<select id="changeKlas" onChange="changeClass();">
<option value="red">Red</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="black">Black</option>
</select>

<script>
function changeClass()
{
 var changeKlas = document.getElementById('changeKlas').value;
alert(changeKlas);
}
</script>

// 在更改时它会提醒 SELECTED VALUE