jquery - jQuery - 入力フィールドを非表示の入力値に渡す

Question

jQuery .change 関数を使用して入力フィールド値を取得しようとしています:

    <input type="text" name="qty2" id="qty2" maxlength="12" title="QtyField" class="input-text qty2">

それを別のフィールドの値に適用するには

    <input type="text" name="qty" id="qty" maxlength="12" value="" title="Qty" class="input-text qty">

これまでに使用したもの：

     $("#qty2.input-text.qty2").keyup(function(){
    value = $("#qty2.input-text.qty2").val(); 
    $("#qty.input-text.qty").html(value);
});

そして運がない。

前もって感謝します！

score 0 · Accepted Answer

.html( )の代わりに.val()を使用するだけです:

    $("#qty2").keyup(function(){
    value = $("#qty2").val(); 
    $("#qty").val(value);
    });

score 0 · Accepted Answer

`jQuery.change() メソッドは「入力フィールド値を取得」できません。

ドキュメントからの抜粋:
「イベントハンドラーを「変更」JavaScript イベントにバインドするか、要素でそのイベントをトリガーする」

を使用しjQuery.val()ます。ここにいくつかのオプションがあります...

$('#qty2').bind("keyup", function() {
    var val = $(this).val();
    $('#qty').val(val);
});

この作業フィドルを参照してください

この方法の唯一の欠点は、キーが 'UP' になるまでアクティブに更新Hされないことです。そのため、キーを押し続けると、キーを離すまで 2 番目のボックスが更新されません。

または、jQuery.change()フィールドがフォーカスを離れるまでアクティブに更新されません。このjfiddleを参照してください

score 0 · Accepted Answer

inputの値を変更するには、 $.html( )の代わりに$.val()を使用する必要があります。

$('#qty2').change(function(){
    $('#qty').val($(this).val());
});

score 0 · Accepted Answer

これを試してみてください：

$("#qty2").change(function(){
    value = $(this).val(); 
    $("#qty").val(value);
});

ところで、ID を持っている場合、ID はとにかく一意であるはずなので、セレクターに他に何も追加する必要はありません...

4 に答える 4