Jquery 显示下拉列表当前选定值的警报按钮

我正在尝试创建一个按钮，该按钮为用户提供通过警报消息/窗口查看描述的选项。我试图通过读取字段的id来实现这一点，记住这不是页面上的唯一标记，并使用其值来显示我想要的信息

目前，我只是测试是否正在读取该值。这是一个失败

JavaScript代码

HTML代码

---

您真正需要的是：

var $soup = $('#soup');

$soup.next().on('click', function() {
    var val = $soup.val();
    alert( val );
});

select将具有与所选选项相同的值，并且不需要内联事件处理程序

---

给按钮一个ID会使它更干净。

您不需要按所选属性对其进行筛选。只需在下拉选择器上调用val方法，就会在下拉列表中为您提供所选的值

function displayInfo() {
   var value = $('#soup').val();
   alert(value);
}

---

$'soup:selected'.val；需要为$'soup:selected'.val；不要在select元素中使用。我是否需要先提交表单才能使用$'id'操作？正如我从您提供的代码片段中了解到的，在加载页面时会填充下拉列表，当您单击按钮时，您需要在下拉列表中选择的值。一旦HTML（在本例中为下拉列表）被添加到DOM中，您就可以使用它的ID.HTH访问该元素。是的，这正是我正在做和想要做的。我已经能够访问数据，但它只会给我第一个选项值。例如，如果第一个选项为，则该值为null。但是如果第一个选项是这样的，那么这就是javascript读取的值。当我在界面下拉列表中更改选择时，此值不会更改为相应的值。代码函数displayInfocontent{var currentSelect=document.getElementByIdcontent.value；alertcurrentSelect；}不确定问题是什么，但我能够获得所选值。请看这个。你能在页面运行后检查HTML输出是什么吗？也许是这样的。给按钮一个ID如何让这个过程更干净？@user2337345-有ID的元素可以直接被定位，而不需要下一步，而且速度会更快。因此，如果我给按钮一个名为display的ID，新行看起来像$soup.display。单击，函数{？

var $soup = $('#soup');

$soup.next().on('click', function() {
    var val = $soup.val();
    alert( val );
});

function displayInfo() {
   var value = $('#soup').val();
   alert(value);
}