Question

<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）我不会得到10cm或100cm或1000cm ..然后从所选值中删除 cm ，并使用该值乘以另一个名为height的select选项的值。任何想法？

Answer 1

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

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

演示：Fiddle

Answer 2

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

Answer 3

以下是您需要的JavaScript：

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

使用.val()获取所选值并使用jQuery的text()获取所选文本

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

选中此fiddle

替代.val（）将其用于选择选项

3 个答案: