私が持っている状況は、ドロップダウンリストと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. Objective-C switch文内で変数を宣言できますか?
- 3. switch文のif文をwithからswitch文に変更する
- 4. 2つの変数を処理するJava switch文?
- 5. Javaでは、switch文、case定数としてメソッド/コンストラクタのパラメータを使用できますか?
- 6. switch文でconst int変数を使用する
- 7. 私は変数を宣言し、switch文の中で使用することはできません。
- 8. テンプレート内の変数に対して2つ以上のフィルタを使用できますか?たとえば
- 9. switch case文で2つの変数値の4つの置換を検出します
- 10. Android Integerリソースをswitch文で使用できますか?
- 11. java switch/case文でクラス名を使用できますか?
- 12. PHPで変数を変更するために関数内のswitch文を使用するにはどうすればよいですか?
- 13. イベントハンドラを使用してボタンの内容を変更します
- 14. if文をswitch文に変換する
- 15. if文をswitch文に変換する
- 16. switch文の関数から値を返そうとしています-JS-
- 17. jadeの構文はswitch文をサポートしていますか?
- 18. PHPでは、switch文のcase文の総数を取得できますか?
- 19. ColdFusionアプリケーションはswitch文をキャッシュします
- 20. switch文のデフォルトセクションの負の数値をcharとして使用
- 21. Switchステートメント - またはを使用していますか?
- 22. switchステートメントで変数を使用する方法* updated *
- 23. switch文でenum型を使用する
- 24. ecoでCoffeescriptの `switch`ブロックを使用できますか?
- 25. switch文ではなくオブジェクトリテラルを使用
- 26. final public static intsはswitch文で使用できません。
- 27. Sassファイルのインポート文で変数を使用できますか?以内に
- 28. Java構文:変数をswitch caseにする? Javaで
- 29. Android:Parcelableを使ってカスタムオブジェクトを渡して内容を変更できますか?
- 30. Javascript - if文をswitch文に変更する
私は大きな、そして他の人はどちらかない可能性があること段落を読んでするつもりはありません。それはちょうど*ハード*です。 –
コードを投稿してください –
ご意見ありがとうございます。私は学んでいるので、何が効果的で何が効果がないかを知ることは良いことです。私は今から少しずつ小節で段落を分割しようとします。 – swydell