1

私はこれを使用しています：

var title = $('#input').val();
$('#titleset').click(function (){
    $('#title').html('<h1>' + title + '</h1>'); 
    alert(title);
});

ボックスの値を取得しようとしinput、ユーザーがボタンをクリックすると、入力ボックスの値を既存#titlesetの要素に上書きします。<h1>要素を上書きするためのクリックを取得できましたが、<h1>要素に書き込むタイトル変数には何もありません。では、idから文字列を返し、それを要素#inputである #title id に書き込むにはどうすればよいでしょうか<h1>

ここに私のhtmlがあります

<h1 id="title">This Title Changes To What You Want It To Be</h1>
<ul class="menu1">
    <li>menu one
        <ul>
            <li id='inputbox'><input type ="text" id="input"/></li>
            <li id="titleset1"><input type="button" value="set title" id="titleset"/></li>
        </ul>
    </li>
</ul>
4

4 に答える 4

1

クリック ハンドラー内で入力の値にアクセスする必要があります。

$('#titleset').click(function (){
    var title = $('#input').val();
    $('#title').html('<h1>' + title + '</h1>'); 
    alert(title);
});
于 2012-11-30T04:58:46.013 に答える
0

これは単純すぎます (わずか 3 行のコード)。これを試して：

$('#titleset').click(function() {
    $('#title').html($('#input').val());
});​
于 2012-11-30T06:47:08.117 に答える
0

次のように使用する必要があります。

$('#titleset').click(function (){
    $('#title').html('<h1>' + $('#input').val()+ '</h1>'); 
    alert(title);
});
于 2012-11-30T05:02:49.043 に答える
0

このようにできます。

Jクエリコード

<script language="javascript" type="text/javascript">
$(function(){
    $('#titleset').click(function (){
        $('h1').html($('#input').val());
    });
});
</script>

HTML コード

<h1>hello</h1>
<input name="" id="input" type="text" value="VALUE"/>
<input name="titleset" id="titleset" type="button" value="CLICK"/>
于 2012-11-30T05:02:55.250 に答える