Javascript 控件所选值未按预期工作

我有一个下拉列表，根据另一个下拉列表选择的项目自动填充

我使用listbox1.val来确定所选的值。 但是，当我尝试获取第二个列表框的选定值时，该值将作为代码块返回

这是我的第二个下拉列表：

else if (el.val() === "West") {
    $("#drpArea").append("<option value='Barry'>Barry</option>");
    $("#drpArea").append("<option value='Cardiff'>Cardiff</option>");
    $("#drpArea").append("<option value='Pembroke'>Pembroke</option>");
    $("#drpArea").append("<option value='Swansea'>Swansea</option>");

}

else if（el.val（）=“West”）{
$（“#drpArea”）。追加（“巴里”）；
$（“drpArea”）。追加（“加的夫”）；
美元（“#drpArea”）。追加（“彭布罗克”）；
美元（“#drpArea”）。追加（“斯旺西”）；
}

列表框按预期填充。然而，当我打电话时：

$（“#drpArea:selected”）.val

它返回一个代码块，而不是所选值

---

我还尝试了

$（“#drpArea:selected”）.val.text

尝试使用

选项：selected

并使用

.val（）

获取值

$("#drpArea option:selected").val() // it returns selected value
$("#drpArea option:selected").text() // it returns selected option text
$("#drpArea").val() // it returns selected value

---

尝试使用

选项：选中
，然后使用
.val（）
获取值

$("#drpArea option:selected").val() // it returns selected value
$("#drpArea option:selected").text() // it returns selected option text
$("#drpArea").val() // it returns selected value

尝试使用
选项：选中
，然后使用
.val（）
获取值

$("#drpArea option:selected").val() // it returns selected value
$("#drpArea option:selected").text() // it returns selected option text
$("#drpArea").val() // it returns selected value

尝试使用
选项：选中
，然后使用
.val（）
获取值

$("#drpArea option:selected").val() // it returns selected value
$("#drpArea option:selected").text() // it returns selected option text
$("#drpArea").val() // it returns selected value

问题在于
val
是一个函数，而不是属性，因此必须使用
（）
调用它

此外，您不需要
选项：selected
。
select
的值是所选选项的值。因此，请使用：

$("#drpArea").val();

问题是
val
是一个函数，而不是属性，因此必须使用
（）
调用它

此外，您不需要
选项：selected
。
select
的值是所选选项的值。因此，请使用：

$("#drpArea").val();

问题是
val
是一个函数，而不是属性，因此必须使用
（）
调用它

此外，您不需要
选项：selected
。
select
的值是所选选项的值。因此，请使用：

$("#drpArea").val();

问题是
val
是一个函数，而不是属性，因此必须使用
（）
调用它

此外，您不需要
选项：selected
。
select
的值是所选选项的值。因此，请使用：

$("#drpArea").val();

即使是
$（“#drpArea”）.val（）
也将返回我尝试过的选定值
$（“#drpArea option:selected”）.val
，但它仍然返回代码。然而愚蠢的是，我错过了最后的括号。使用
$（“#drpArea选项：选中”）.val（）
有效，谢谢@很高兴能帮助你。Satpal:-）甚至
$（“#drpArea”）.val（）
将返回我尝试过的所选值
$（“#drpArea选项：所选”）.val
，它仍然返回代码。然而愚蠢的是，我错过了最后的括号。使用
$（“#drpArea选项：选中”）.val（）
有效，谢谢@很高兴能帮助你。Satpal:-）甚至
$（“#drpArea”）.val（）
将返回我尝试过的所选值
$（“#drpArea选项：所选”）.val
，它仍然返回代码。然而愚蠢的是，我错过了最后的括号。使用
$（“#drpArea选项：选中”）.val（）
有效，谢谢@很高兴能帮助你。Satpal:-）甚至
$（“#drpArea”）.val（）
将返回我尝试过的所选值
$（“#drpArea选项：所选”）.val
，它仍然返回代码。然而愚蠢的是，我错过了最后的括号。使用
$（“#drpArea选项：选中”）.val（）
有效，谢谢@很高兴能帮助你。萨帕尔：-）是的，这是有道理的，愚蠢的错误。这个答案解释了确切的问题。谢谢你，这是有道理的，愚蠢的错误。这个答案解释了确切的问题。谢谢你，这是有道理的，愚蠢的错误。这个答案解释了确切的问题。谢谢你，这是有道理的，愚蠢的错误。这个答案解释了确切的问题。谢谢