jquery parseFloat 将 val 分配给字段

【问题标题】：jquery parseFloat assigning val to fieldjquery parseFloat 将 val 分配给字段
【发布时间】：2010-04-19 23:08:17
【问题描述】：

我有一个选择框，其中提供了产品描述和价格。根据用户选择的内容，我想自动从所选选项中获取该美元金额并将其分配给价格输入字段。我的 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);
});

【问题讨论】：

标签： jquery select parsefloat

【解决方案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);
});

【讨论】：

由于某种原因，模糊功能未按预期工作。我希望在做出选择后看到值自动显示在价格字段中，但相反，我必须实际单击价格字段，然后单击返回选择，然后再次单击返回价格字段，只有然后值会显示出来。
@user306472 - 这实际上是它应该工作的方式。请改用change 事件。