javascript配列html5ドロップダウンボックス

-1

私はドロップダウンボックスをしたい、それは、いくつかの数字を持って、1-5言う。javascript配列html5ドロップダウンボックス

<select id="selectNumber"> 
<option>Choose a number</option> 
</select> 

var select = document.getElementById("selectNumber"); 
var options = ["1", "2", "3", "4", "5"]; 
for(var i = 0; i < options.length; i++) { 
var opt = options[i]; 
var el = document.createElement("option"); 
el.textContent = opt; 
el.value = opt; 
select.appendChild(el); 
}

を見つけ、私はちょうどに別々の部品を置くことができるはず、この作業を取得カント、それが動作するはず？

第二に、私はライン

var select = document.getElementById("selectNumber");

は、配列の残りの部分に接続する方法を理解しない、私はそれをすべてをリンクするために必要ないくつかの他の事はありますか？私はちょうど今、私のjsファイルとHTMLに持って

EDIT

だから、これは正確なコードである

javascriptの

var select = document.getElementById("selectNumber"); 
var options = ["1", "2", "3", "4", "5"]; 
for(var i = 0; i < options.length; i++) { 
var opt = options[i]; 
var el = document.createElement("option"); 
el.textContent = opt; 
el.value = opt; 
select.appendChild(el); 
}

HTML

<td> Ticket amount :</td><td><select id="selectNumber"> 
<option>Ticket Amount</option> 
</select></td>

私は私が持っていることを追加する必要がありますjsとhtmlをリンク

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<script type = "text/javascript" src = "Cinema.js"></script> 
<title>Cinema</title> 
</head> 
<body>

出典

2017-11-07 kmce

正確に何が問題になりますか？ – Lixus

このフィドルは正常に動作します。「番号を選択」をクリックすると数字1から5は表示されませんか？あなたの2番目の質問に答えるには、 'var select = document.getElementById（" selectNumber "）;' idに基づいてHTMLマークアップを取得します。続きを読む[ここ]（https://www.w3schools.com/jsref/met_document_getelementbyid.asp） – novembersky

私は基本的にすべてのものをコピーしましたが、数字を見ることはできません、それはちょうど選択番号を言います – kmce

スクリプトをスクリプトタグ内に囲んでいるとうまくいくはずです。使い方？あなたは要素を持っています選択する要素にOptionタグを追加するだけです。要素に追加するだけです。配列の反復処理が完了するまで、optionタグの追加を続けます。オプションタグのテキストノードと値は1,2です。

出典

2017-11-07 23:38:16

上記のコードをHTMLファイルに貼り付けて実行しようとしました。仕事。

var select = document.getElementById("selectNumber");から始まる5行目のすべてがJavascriptコードであり、それ自体の.jsファイルに含まれているか、呼び出されているか、<script>タグの間に貼り付けられている必要があります。

<select id="selectNumber"> 
<option>Choose a number</option> 
</select> 

<script> 
var select = document.getElementById("selectNumber"); 
var options = ["1", "2", "3", "4", "5"]; 
for(var i = 0; i < options.length; i++) { 
var opt = options[i]; 
var el = document.createElement("option"); 
el.textContent = opt; 
el.value = opt; 
select.appendChild(el); 
} 
</script>

正常に動作しなければならないこととJSFiddleに意図したとおりに動作します。この例では、それは次のようになりますので、あなたのコードを変更してみてください。このような場合は、W3SchoolのIntro to HTMLとIntro to Javascriptで基本を学びたいと思っています。私もCodeCademyをお勧めします。うまくいけば、これは役に立ちます。私がを完全に誤解している場合は、私に教えてください。

出典

2017-11-07 23:42:16 LMulvey

私は別のファイルにそれらを持っています。私はwebstormを使用しており、HTMLファイルをjavascriptで添付しています。 – kmce

上記の投稿を編集して、現在のコードとまったく同じコードを含むことができますか？あなたがそこに貼り付けたものに基づいて、それはうまくいっているはずですので、あなたが最後にすべてをまとめた方法でエラーが起こる可能性があります。 – LMulvey

完了、私はすでに投稿したものの一番下に追加しました:) – kmce

javascript配列html5ドロップダウンボックス

答えて

関連する問題