2017-01-30 1 views
0

これは一部の人にとっては簡単かもしれませんが、私はこの作業をするのに苦労しています。 私は、submitをクリックするとタイトル、件名(入力エリア)、タイムスタンプを持つモーダルを作成しました。 タイトル、件名、時刻をリストアイテム<li></li>として掲載したいと思います。タイトル、件名、時間が表示されたモーダル

var main = function(){ 
$('.btn-primary').click(function(){ 

    var title = $('#message-title').val(); 
    var post = $('#message-text').val(); 
    $('<li>').text(post).prependTo('.livefeed'); 

     var currentTime = new Date(); 
     var n = currentTime.toLocaleDateString(); 
     document.getElementById("timestamp").innerHTML = n 

     $('#message-text').val(); 

    }); 

} 

$(document).ready(main); 

Here is the Screenshot

+0

のようなものを試してみてください、あなたはフィドルを作成してくださいすることができますか? –

+0

セミコロンがないか、これはタイプミスですか?document.getElementById( "timestamp")。innerHTML = n'? – Rhono

+0

申し訳ありません、それはタイプミスです ";"。フィドルを作成する方法を知らない。私が達成しようとしているのは、「タイトル」、「件名」などのフィールドが入力され、モーダルを使用して送信をクリックするときです。ツイッターやFacebookのステータスに似たメッセージ出力には、 "title" + "Subject"とタイムスタンプがすべて1行または1リスト項目に含まれている必要があります。 – NewCoder

答えて

0

この

JAVASCRIPT

$('.btn-primary').click(function(){ 

var title = $('#message-title').val(); 
var post = $('#message-text').val(); 
var currentTime = new Date(); 
var n = currentTime.toLocaleDateString(); 
$('ul').append('<li>'+title+' '+post+' '+n+'</li>'); 

}); 
+0

シュブハムは返事をありがとう。上記のコードは動作しますが、3つのリスト項目を出力します。しかし私は私の(タイトル+ポスト+時間)すべてを3つではなくリスト項目として表示したいと思います。申し訳ありませんが私はそれを右に投稿しませんでした。 – NewCoder

+0

@NewCoder必要に応じてコードを更新しました。そのコードをもう一度確認してください。 –

+0

いくつか進歩していますが、これは印刷方法です。 "SuperBowlSunday +この日曜日はNFCとAFC + 1/30/2017のチャンピオンシップ試合です" 日曜日とAFCの後に "プラス"記号を削除しようとすると、コードは機能しません – NewCoder

関連する問題