Javascript .change（）.css宽度

我想改变一个css的宽度，当一个文本的值改变时的值

Javascript:

html:

---

我修复了您的代码并制作了一个JSFIDLE：

---

两个选择器都不正确。

我可能不理解这个问题，但是否要将输入的宽度更改为val

下面是一个使用px的示例（可以使用em、points等）

---

下面是一个使用Steve的fiddle的分叉版本的实例：

您不只是随机加入CSS。。你的两个jQuery选择器都搞糟了<代码>“inpu”应该是

“input”

，而

#calidad

应该是

“#calidad”

。是否将宽度更改为输入的值？

<script>
 $("inpu").change( function() {
 $(#calidad).css({
  width: function(index, value) {
    return parseFloat(value) * 1.2;
  }, 
  });
  });
</script>

#calidad{ width: 20px; height: 15px; background-color: #f33; }

<input type="text" id="inpu" name="inpu" value="2">
<div id="calidad"></div>

$(function() {   
 $("#inpu").change( function() {
        $('#calidad').css({
              width: getWidth});    
        });
});

    function getWidth() {
     return $('#inpu').val()  + 'px' 
    }