.val()使用它作为选择选项的另一种选择

alternative for .val() to use it for select option

本文关键字：选择 选项 另一种 val      更新时间：2023-09-26
<select id="width">
 <option value="23" selected="selected">10cm</option>
 <option value="26">100cm</option>
 <option value="43">1000cm</option>
</select>

我有两个类似的选择选项，我无法使用。val()函数获得值，因为它将获得id值(23,26,43)，我将获得10厘米或100厘米或1000厘米。然后从所选值中删除cm，并使用该值与另一个名为height的选择选项的值相乘。什么好主意吗?

您可以使用:selected选择器来获取选中的option元素，一旦您获得选项元素，您可以使用。text从中提取文本。

$('#width option:selected').text()

演示:小提琴

var width = $("#width option:selected").text().replace(/cm$/, '').toInt();

这是你需要的javascript:

$(function(){
    $("#width").change(function(){
        var value=$("option:selected").val();
        var text=$("option:selected").text().slice(0,-2);
        alert(value*text);
    });
});

使用.val()获取所选值，使用text()获取所选文本

获取选定文本后，使用jQuery中的.slice()方法删除cm

检查这个提琴

相关文章：