Question

HTML：

From: <input id="from" name="from" type="text" class="form-control input-md">
To: <input id="to" name="to" type="text" class="form-control input-md">

<input type="text" name="fromHidden" value="">
<input type="text" name="toHidden" value="">

jQuery的：

<script type="text/javascript"> 

    $(document).ready(function() {

        $('#from').click(function() {
            var input = $( '#from input').val();
            $("#fromHidden").attr("value", input);
        });

        $('#to').click(function() {
            var input = $( "#to").val();
            $("#fromTo").val(input);
        });

    }); 

</script>

我想从HTML输入字段'to'和'from'获取值，并将其添加到隐藏文本字段'toHidden'和'fromHidden'。这是在'to'和'from'改变的任何时候完成的。

我写的jQuery目前没有用。

任何帮助都将不胜感激。

Answer 1

您可以使用attribute selector for name获取指定的代码。

$('#from,#to').change(function () {
    $("[name=fromHidden]").val($('#from').val());
    $("[name=toHidden]").val($('#to').val());

});

Answer 2

  $(document).ready(function() {

        $('#from').blur(function() {
            var input = $( '#from').val();
            $("input[name=fromHidden]").val(input);
        });

        $('#to').blur(function() {
            var input = $( "#to").val();
            $("input[name=toHidden]").val(input);
        });

    });

Answer 3

如果您想更新更改后的值，请使用以下脚本

$('.form-control').on('input propertychanged', function () {
    var input = $(this).val();
    $('[name=' + this.id + 'Hidden]').val(input);
});

jQuery从隐藏字段中获取值onclick并将值添加到另一个文本字段

3 个答案: