Jquery：从表单条目更新css

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

谢谢大家!

单向：

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

基本上，当输入值更改时，设置

#box

的css属性以使用输入宽度

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

---

如果您想让它作为用户类型工作（因此，如果他们键入500，它将在5到5更新，添加0时更新50，最后添加0时更新500），然后绑定到按键事件。

好奇问题-为什么要parseInt？只是为了确保类型协同？输入值时有什么方法可以使此脚本正常工作？我有一个连接到宽度输入框的滑块，所以当滑块改变值时，我希望#框同时改变..@Chat Whitaker-这个答案应该可以做到这一点。它绑定到按键。您还可以通过$（“#txt1”）.keypress（function（）{…}）进行绑定；jQuery记录了更多信息。注意

keypress

在输入值更改为包含新键之前触发。（当然还有其他编辑输入框的方法不会触发

keypress

）您可以捕获

change

事件，该事件将触发所有事件，但直到字段模糊为止，或者

keyup

至少在按下键后拾取值。如果您想立即捕获每个更改，您必须轮询该值（至少在HTML5表单输入事件广泛可用之前）。

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

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