javascript - 客户端公斤到磅无法正常工作

Question

我想做的是，如果用户输入 100 并选择磅，它将在数据库中存储为 100，但如果用户选择公斤，则应保存为 45。目前，它会保存为我输入的任何内容不管我选择公斤还是磅

{!! Form::label('weightLb', 'Weight:', array('class' => 'col-md-4 control-label')) !!}
{!! Form::text('weightLb', $user->weightLb, array('class' => 'form-control')) !!}
{!! Form::select('weight_unit', array('lbs' => 'lbs', 'kgs' => 'kgs')) !!}

<script type="text/javascript">
$('#weight_unit').change(function () {
    var v = $('weightLb').val();
    if ($('#weight_unit').val() != 'lbs') {
        $('weightLb').val(v / 0.4535923);
    }
});
</script>

Answer 1

如果您想即时计算单位，那么这是正确的方法:

var weightAmount = $('#weight_amount');
var weightUnit = $('#weight_unit');

function unitChange() {
    var currentUnit = weightUnit.val();
    var toReturn = $.trim(weightAmount.val());
    if (toReturn) {
        toReturn *= currentUnit == 'lbs' ? 2.204623 : .4535923;
        weightAmount.val(toReturn.toFixed(7) * 1);
    };
};
weightUnit.on('change', unitChange);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>
    <input id="weight_amount" />
    <select id="weight_unit">
        <option value="lbs">lbs</option>
        <option value="kgs">kgs</option>
    </select>
</p>

同时在 Fiddle .

我要建议的是:始终将重量存储为kg、g或lbs中的一个在数据库中。否则，您将在转换、比较、选择等方面遇到问题。