質問編集履歴

1

件名とコードを修正致しました

2017/07/27 08:25

投稿

orange_drop
orange_drop

スコア25

test CHANGED
@@ -1 +1 @@
1
- スマートフォンでも使いやすいドロップダウンメニューについて
1
+ ダウンメニューで別画面移動するには
test CHANGED
@@ -63,3 +63,69 @@
63
63
  レスポンシブデザイン的にもお勧めの方法はありますでしょうか?
64
64
 
65
65
  ご相談になり、申し訳ありません。
66
+
67
+
68
+
69
+ ---
70
+
71
+ 【07/27追記】
72
+
73
+ html/javascriptを少し変更致しました。
74
+
75
+ 下記コードであればポップアップでは開かないとは思うのですが、
76
+
77
+ 別タブ(target="_blank"のイメージ)で開くにはどのようにすれば良いでしょうか?
78
+
79
+
80
+
81
+ 少し内容変更になっているかもしれませんが、関連しているかと思い、
82
+
83
+ 追記という形にさせて頂きました。
84
+
85
+
86
+
87
+
88
+
89
+ ```javascript
90
+
91
+ <script>
92
+
93
+ function screenChange(){
94
+
95
+ pullSellect = document.lookup_form.linklist.selectedIndex ;
96
+
97
+ location.href = document.lookup_form.linklist.options[pullSellect].value ;
98
+
99
+ }
100
+
101
+ </script>
102
+
103
+ ```
104
+
105
+
106
+
107
+
108
+
109
+ ```HTML
110
+
111
+ <form name="lookup_form">
112
+
113
+ <select name="linklist" onChange="screenChange()">
114
+
115
+ <option selected value="-">■ メーカーを選択してください。</option>
116
+
117
+ <option value="-">------------------------</option>
118
+
119
+ <option value="/sampleAA.php">□ AA</option>
120
+
121
+ <option value="/sampleBB.php">□ BB</option>
122
+
123
+ <option value="/sampleCC.php">□ CC</option>
124
+
125
+ <option>------------------------</option>
126
+
127
+ </select>
128
+
129
+ </form>
130
+
131
+ ```