-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 に答える
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 に答える
0

JavaScript でhttp://jsfiddle.net/N4zFZ/の質問に jsFiddle を作成しました

で幅を計算できます

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