javascript - 如何根据任何用户给出的尺寸制作一个矩形？

Question

我试图根据输入区域内输入的值制作一个矩形。更具体地说，我有两个字段：

宽度：

高度：

因此，我想将宽度和高度的值传递给 JavaScript 中的函数，并根据输入的值制作矩形。

我尝试在互联网上查找，但即使在上面花费了数小时后，我也找不到解决方案。：（ 任何帮助将不胜感激。

PS一个小小提琴或例子会有所帮助。

Answer 1

html正文：

<input type='text' id='w'>
<input type='text' id='h'>
<input type='submit' id='go'>
<div id='shape'><div>

js：

  $(function(){
        $('#go').click(function(){
          $('#shape')
            .css('width',$('#w').val())
            .css('height',$('#h').val())
            .css('border','2px solid black');
        });
    });

http://jsfiddle.net/LAtNC/

很简单，您只需要为“div”设置一些 css 属性，当然，检查您的输入，这只是一个示例。

Answer 2

你在网上查了什么？

您可以使用 jQuery val() 获取高度、宽度文本框的值

$('#ID').val();

然后将检索到的值设置为您的元素

$('#element').css('height',height_from_text_box);
$('#element').css('width',width_from_text_box);