2016-10-13 8 views
1

私は<datalist>オプションで利用可能な部屋に基づいて部屋を選択する必要があるチャットアプリを作っています。これはサーバーのSQLテーブルから<option>を取得します。nodejsから直接HTMLに子を追加しますか?

ユーザーに入力したいユーザー名とルーム番号を入力するように求めているlogin.htmlファイルがあります。最初は、データリストを持っていますが、内部にオプションはありません。

app.get("/", function(req, res) { 
    res.sendFile(__dirname + "/login.html"); 
}); 

リクエストに応じてlogin.htmlを送信する前に、データリスト内にオプションが追加されています。ここで

app.get("/", function(req, res) { 
    //do something so that options get added in the datalist of my html. 
    res.sendFile(__dirname + "/login.html"); 
}); 

はたぶんノードhttps://nodejs.org/docs/latest/api/fs.htmlからファイルシステムを使用しlogin.htmlと

<form id = "myForm2" method = "POST" action = "/user"> 
    <input type = "text" name = "username" autocomplete = "off" placeholder = "username"><br> 
    <input type = "text" name = "roomnum" autocomplete = "off" placeholder = "room number" list = "room_list"><br> 

    <datalist id = "room_list"> 
    </datalist> 

    <input type = "submit"> 
</form> 
+1

JadeやEJSなどのテンプレートを使用し、静的な.htmlファイルの配信を停止する方法はありますか。 – adeneo

+0

サーバーから直接appendChild( "新しく作成されたオプションノード")をソートする方法はありません... login.htmlのjavascriptはサーバー経由ではありませんが、可能ですか? –

+1

いいえ、サーバー上の静的ファイルに何も追加することはできません。そうすればクライアント側などで行う必要があります。たとえばEJSをインストールして使用し、ファイルに何かを渡して要素を動的に作成するそれほど難しくない。 – adeneo

答えて

0

に示したされたフォームがお手伝いしますです。最初に "fs"モジュールが必要です。

関連する問題