-1

我正在尝试运行此代码。代码应将字符串作为输入并将该输入放入 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>

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

4

4 回答 4

2

试试这个爸爸！

演示

这与您的问题类似。

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());
    });
});
于 2013-05-16T09:38:45.560 回答
1

这是一个小提琴

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

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

而不是 .text()

要回答你的第二个问题，你需要使用这个

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

或者

$('#divitem').attr('width');
于 2013-05-16T09:34:27.770 回答
0

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

您可以通过计算宽度

`var width = $('#divId').attr('width');`
于 2013-05-16T09:31:49.197 回答
0

问题在这里：

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

$(this) 指的是您选择的元素，即提交按钮。您应该将函数的第一行替换为

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

最后，设置 div 的 html 内容，将通过以下方式完成：

elem.html(test);

希望这可以帮助。祝你有美好的一天。

于 2013-05-16T09:27:05.953 回答