Question

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

宽度：

高度：

所以，我想将宽度和高度的值传递给JavaScript中的函数，并根据输入的值创建矩形。

我尝试查找互联网，但即使花了几个小时，我找不到解决方案。 :( 任何帮助将不胜感激。

P.S。一个小小提琴或例子将有所帮助。

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);

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

2 个答案: