jquery parseFloat 将 val 分配给字段

Question

我有一个选择框，其中提供了产品的描述以及价格。根据用户的选择，我想自动从所选选项中获取该美元金额并将其分配给价格输入字段。我的 HTML：

<tr>
    <td>
        <select class="selector">
            <option value="Item One $500">Item One $500</option>
            <option value="Item Two $400">Item Two $400</option>
        </select>
    </td>
    <td>
        <input type="text" class="price"></input>
    </td>
</tr>

因此，根据所选内容，我希望将 500 或 400 分配给 .class 输入。我尝试了这个，但我不太确定我哪里出错了：

$('.selector').blur(function(){
    var selectVal = ('.selector > option.val()');
    var parsedPrice = parseFloat(selectVal.val());
    $('.price').val(parsedPrice);
});

Answer 1

首先从 value 属性中删除不属于该值的所有内容。

<tr>
    <td>
        <select class="selector">
            <option value="500">Item One $500</option>
            <option value="400">Item Two $400</option>
        </select>
    </td>
    <td>
        <input type="text" class="price"></input>
    </td>
</tr>

其次将你的 jQuery 更改为此。

$('.selector').blur(function(){
    var parsedPrice = parseFloat($(this).val());
    $('.price').val(parsedPrice);
});