jquery - 使用 Jquery 获取选定的值

Question

我需要使用 jquery 从表中获取选定的值我没有得到任何值，请帮助我

这是我的代码：

$(this).parents("tr:first").find("td:nth-child(1).option:selected").text();

<td>
     <select id="grams">
         <option value=""></option>
         <option value="100">100g</option>
         <option value="250">250g</option>
         <option value="500">500g</option>
     </select>
</td>

感谢您查看这个。

Answer 1

阅读选择选项值使用

$('#grams').val();

设置选择选项值使用

$('#grams').val('newValue');

要阅读选定的文本，请使用

$('#grams>option:selected').text();

希望它有效。

Answer 2

这应该有效：

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

这是一个快速的小提琴。

Answer 3

尝试使用这些，因为您已经为元素指定了一个 id，您可以直接从中获取值：

$('#grams').val(); // gets the current option value
$('#grams option:selected').val(); // gives you the selected option value

如果您希望它通过绑定change事件：

// with a selector's context way

$('#grams').on('change', function(e){
   console.log($('option:selected', this).val());
});

// with find() method of jQuery

$('#grams').on('change', function(e){
   console.log($(this).find('option:selected').val());
});