私が持っている状況は、ドロップダウンリストとHTMLページのイメージです。私はjavascriptスクリプトを使用しています。 switch文を使用しています。私はスイッチとケースのステートメントを構築しました。これまでのところ、ドロップダウンリストで選択すると、ブラウザに一意のメッセージを表示する警告ボックスが表示されました。しかし、私は、ページ上のイメージを各メッセージと共に変えたいと思っています。 switchパラメータで複数の変数を使用しようとしましたが、警告ボックスが無効になります。メッセージボックスと画像を呼び出すことができる単一のスイッチ変数を使用する方法はありますか?または、スイッチパラメータに複数の変数を使用する方法がありますか?私はインターネットを研究していますが、このフォーラムでも回答はありますが、私の問題に合ったものは見つかりませんでした。私はif文とAJaxを使っていくつかの答えを見つけましたが、それは私の宿題の範囲外であり、これまでに学んだことです。だから基本的に私の仕事は、スイッチの構成を使って選択を評価し、一致が見つかると、適切なイメージと警告ボックスを表示することです。助言がありますか。switchパラメータで2つ以上の変数を使用して、switch文のページ内容を変更します。それはできますか?
答えて
イメージのソースは、それぞれのケースごとに変更できます。 switch文は1つのパラメータのみを受け入れます。
HTML
<img src="image_path" id="myImage" />
はJavaScript
var img = document.getElementById("myImage");
switch(value) {
case 0:
alert("message");
img.src = "new_path";
break;
case 1:
alert("message");
img.src = "new_path";
break;
default: break;
}
私はYoutubeであなたの答えに似たものを見ましたが、うまくいくかどうかは分かりませんでした。それを稼働させようとしているナッツに向かっていました。 – swydell
スイッチ式に複数の変数が必要なようには聞こえません。むしろ、スイッチの各ブランチには複数のステートメントが必要です。例:
switch(selectedValue)
{
case 'foo':
alert('foo');
imageElement.src = 'http://foo';
break;
case 'bar':
alert('bar');
imageElement.src = 'http://bar';
break;
}
絶対パスである必要がありますか、絶対参照ですか?すべての画像は同じフォルダにあります。 – swydell
絶対URIである必要はありません。それは相対URIである可能性があります。この場合、HTML文書のURIに対して相対的に解釈されます。 (たとえば、HTMLドキュメントがhttp://example.com/foo.htmlにあり、JavaScriptがhttp://example.com/scripts/foo.jsである場合、 'imageElement.src = 'イメージを設定することができます/ foo.jpg''、そして私は* http://example.com/images/foo.jpgに解決すると信じていますが、試してみてください) – ruakh
私はあなたの提案を相対パスで試してみました。警告メッセージが表示される。それは私にデフォルトを与えた。私もimg.src = "new_path"を使ってみましたが、同じデフォルトを持っていました。私はsunPic = "document.getElementById(" pic ")。selectedIndex;をvar名として使用しました。私はsunPicを関数とスイッチのパラメータとcase文で使用しました。 – swydell
- 1. switch文を2つ以上の関数にそれぞれ変更します
- 2. 2つ以上の変数を持つKotlin switch-statement?
- 3. Objective-C switch文内で変数を宣言できますか?
- 4. switch文のif文をwithからswitch文に変更する
- 5. switch文内の変数にテキストを挿入します。
- 6. 単一のjava switch文が2つの変数を返す
- 7. 2つの変数を処理するJava switch文?
- 8. いくつかの変数でSwitch文が機能しない
- 9. Javaでは、switch文、case定数としてメソッド/コンストラクタのパラメータを使用できますか?
- 10. 複数の値を持つThymeleaf switch文を使用できますか?
- 11. iOS swift 3 switch文でどのようにタイプを変更できますか
- 12. すべてのif文を同等のswitch文に変換できますか?
- 13. switch文でconst int変数を使用する
- 14. 私は変数を宣言し、switch文の中で使用することはできません。
- 15. switch文を使用して要素の出力を変更する
- 16. テンプレート内の変数に対して2つ以上のフィルタを使用できますか?たとえば
- 17. switch case文で2つの変数値の4つの置換を検出します
- 18. switch文内で変数を初期化する
- 19. Android Integerリソースをswitch文で使用できますか?
- 20. java switch/case文でクラス名を使用できますか?
- 21. switch文を使用して新しい変数を作成する
- 22. fscanfを正しく使用していますか?とswitch文?
- 23. switch文へのアクセスグローバル変数からのパラメータ値
- 24. 複数のswitch文を1つのPHPファイルで使用する
- 25. switch()を変数として使用する場合
- 26. IF変数やSwitch文でクラス変数が変更されない
- 27. getDay()メソッドでswitch文を使用しますか?
- 28. switch文にランダム化された数値を使用できますか?
- 29. funtionsとswitch文を使用していますか?
- 30. PHPで変数を変更するために関数内のswitch文を使用するにはどうすればよいですか?
私は大きな、そして他の人はどちらかない可能性があること段落を読んでするつもりはありません。それはちょうど*ハード*です。 –
コードを投稿してください –
ご意見ありがとうございます。私は学んでいるので、何が効果的で何が効果がないかを知ることは良いことです。私は今から少しずつ小節で段落を分割しようとします。 – swydell