Question

我有这个问题我有一个有很多输入框的表格。其中一个输入框有高度，而单位是厘米/英寸。现在我的API是这样制作的，当用户提交表单时，输出是根据cm单位给出的。因此，如果用户选择英寸作为其单位并单击提交，则我必须将高度框中的值转换为cm，但不将其显示在文本框中，然后将此值发送到API调用，而无需再次单击提交按钮，因为用户已经这样做了。

<div style="width: 23%; float: left; margin: 0 3% 0 0;">
                <input id="width" type="text" name="width"  required="required" />
            </div>
            <div style="width: 23%; float: left; margin: 0 3% 0 0;">
                <input id="height" type="text" name="height"/>
            </div>
            <div style="width: 22%; float: left;font-weight:300">
                <select id="dimension-unit" class="styled" ">
                    <option name="cm" >cm</option>
                    <option name="inch" >inch</option>
                </select>

Answer 1

嗯，我相信你可以这样做：

$("input[type='submit']").click(function(){
//put your code here..
});

Answer 2

您可以通过以下方式执行此操作：

$('#selector').on('submit', function () {
    // Your code here
});

或者

使用input[type'submit']作为选择器，并使用click功能。

$("input[type='submit']").click(function(){
    // Your code here
});

Answer 3

这可能是您正在寻找的：

$("input[type='submit']").click(function() {
    var width, height;

    if ($('#dimension-unit').val() === "in") {
        width = $('#width').val() * 2.54;
        height = $('#height').val() * 2.54;
    } else {
        width = $('#width').val();
        height = $('#height').val();
    }

    alert("Width: " + width);
    alert("Height: " + height);
});

JSFiddle

上的示例

Answer 4

创建一个隐藏字段，其总高度以cm为单位。使用jQuery，您可以使用onkeyup事件更新cm字段，只要更改了可见的字段。或者 - 也可以将单位发送到后端，并在需要时进行转换。

在提交表单上更改输入框的值

4 个答案: