Question

我是jQuery的新手，我希望从名为“width”的表单中输入一个输入框，当你输入一个值（比如说“300”）时，它会立即将div“#box”更新为一个宽度300px。

谢谢！

Answer 1

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

Answer 2

一种方式：

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

基本上当输入值改变时，设置#box的css属性以使用输入宽度。

Answer 3

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

Answer 4

// 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时更新，然后在最后0上更新），然后绑定到按键事件。

Jquery：从表单条目更新css

4 个答案: