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

-1

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

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

来源

2013-05-16 milano

是什么'$（ “提交”）'？它应该像'$（'input [type = submit]'）' –

您应该使用'submit'作为$（“input [type = submit]”） – vinothini

实际上，这段代码应该做什么？ –

试试这个狗仔队！

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

来源

2013-05-16 09:38:45 Olrac

的问题是在这里：

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

$（这）是指您选择的元素，这是提交按钮。你应该

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

最后替换函数的第一线，设置div的HTML内容，会做这样的：

elem.html(test);

希望这有助于。祝你有美好的一天。

来源

2013-05-16 09:27:05

我已经在JavaScript

可以计算宽度由

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

来源

2013-05-16 09:31:49

创建的jsfiddle您的问题http://jsfiddle.net/N4zFZ/下面是你需要使用这个文本字段的fiddle

为了获得价值，

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

而不是.text区段（）

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

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

或

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

来源

2013-05-16 09:34:27 Uzair

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

回答

相关问题