0


0

JQuery:フォームエントリからCSSを更新する

私はjQueryを初めて使用し、「幅」と呼ばれるフォームから入力ボックスを持ちたいと思います。値を入力すると(「300」と入力します)、すぐにdiv「#box」を幅300pxに更新します。

ありがとうございました!

4 Answer


1


$("#txt1").bind("keypress", function(){
    var val = parseInt($(this).val(), 10);
    $("#box").css({'width': val + 'px'});
});


0


一方通行:

jQuery("#input").change( function(){
    jQuery("#box").css("width", jQuery("#input").val()); });

基本的に、入力値が変更されると、入力幅を使用するように `#box`のcss属性を設定します。


0


$("textbox").blur(function() {
    $("#box").css("width") = $("textbox").val();
});


0


// blur is triggered when the focus is lost
$("#my_input_field_id").blur(function() {
    var newWidth = $(this).text();
    $("#box").width(newWidth); // the width function assumes pixels
    // alternately, use .css('width', newWidth);
});

これをユーザーの入力時に機能させたい場合(500を入力した場合、0が追加されると5から5、50で更新され、最後の0で500に更新されます)、keypressイベントにバインドします。