Question

我正在尝试运行此代码。代码应该将一个字符串作为输入，并将该输入放入div并计算div的宽度。

这是我用过的代码。

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<input type="text" value="" name="input">
<input type="submit" value="submit" name="submit">

<script>
var elem = '<div id="divitem" style="width:auto;"></div>';
$('body').append($(elem));
$("submit").click(function () {
var text = $(this).text();
value= $("input").val(text);
alert(value);
});

</script>
</body>
</html>

但我没有得到任何输出。这该怎么做？请帮帮我。

Answer 1

尝试这一点！

Demo

这与您的问题相似。

HTML

<div id="container">
   <input type="text" value="" id="inputtext">
   <input type="button" value="submit" id="submit">
</div>

脚本

$(function(){
    var elem = '<span id="divitem"></span>';

    $('#container').append($(elem));

    $("#submit").click(function () {     
        $('#divitem').html($('#inputtext').val());
        alert($('#divitem').width());
    });
});

Answer 2

这是fiddle

要从文本字段中获取值，您需要使用它，

$('input[name="input"]').val();

而不是.text（）

要回答第二个问题，您需要使用此

$('#divitem').attr('style');

或

$('#divitem').attr('width');

Answer 3

问题在于：

$("submit").click(function () {
    var text = $(this).text();
    value= $("input").val(text);
    alert(value);
});

$（this）引用您选择的元素，即提交按钮。您应该用

替换函数的第一行

$('input[name="input"]').text();

最后，设置div的html内容将以这种方式完成：

elem.html(test);

希望这会有所帮助。祝你有美好的一天。

Answer 4

我在JavaScript中为您的问题http://jsfiddle.net/N4zFZ/创建了一个jsFiddle

您可以按

计算宽度

`var width = $('#divId').attr('width');`

如何从文本输入字段读取输入并将输入放入div

4 个答案: