jquery：從表單條目更新css

我是jQuery的新手，我想要一個名爲「width」的窗體的輸入框，當您鍵入一個值（可以說是「300」）時，它會立即更新div「#box」的寬度爲300px。jquery：從表單條目更新css

謝謝！

2010-03-26 floatleft

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

來源

2010-03-26 16:12:51 rahul

好奇心的問題 - 爲什麼parseInt？只是爲了確保類型coersion？ – justkt 2010-03-26 16:14:22

任何方式使該腳本在輸入值時工作？我有一個滑塊連接到寬度輸入框，所以當滑塊更改值時，我希望#box同時更改.. – floatleft 2010-03-26 16:25:19

@Chat Whitaker - 此答案應該這樣做。它對按鍵有約束力。你也可以通過$（「＃txt1」）綁定。按鍵（function（）{...}）; jQuery文檔jave更多信息http://api.jquery.com/keypress/。 – justkt 2010-03-26 16:27:08

一種方式：

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

基本上當輸入值的變化，設定的#box的CSS屬性使用輸入寬度。

來源

2010-03-26 16:11:38

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

來源

2010-03-26 16:12:06

// 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，它更新在5比5，50時添加0，那麼500最終0），然後將其綁定工作到按鍵事件。

來源

2010-03-26 16:12:22 justkt

jquery：從表單條目更新css

回答

相關問題