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);
});

jquery parseFloat为字段赋值

1 个答案: