質問編集履歴
1
マークダウン記法、テンプレート削除
title
CHANGED
File without changes
|
body
CHANGED
@@ -1,29 +1,25 @@
|
|
1
1
|
### 前提・実現したいこと
|
2
2
|
1つの選択肢(option要素)に2行の文字列を5つ持つselectボックスを作りたいのですが方法が分かりません。ソースコードの<option value="1">Narita千葉県 日本</option>の部分でいうNaritaの下に千葉県日本と表示させ1つの選択肢としたいです。select要素では実現できないのでしょうか?
|
3
3
|
また実現可能な要素があれば教えていただきたいです。
|
4
|
-
ここに質問の内容を詳しく書いてください。
|
5
|
-
(例)PHP(CakePHP)で●●なシステムを作っています。
|
6
|
-
■■な機能を実装中に以下のエラーメッセージが発生しました。
|
7
4
|
|
5
|
+
|
8
6
|
### 発生している問題・エラーメッセージ
|
9
7
|
選択肢が1行ずつでしか表示されない。
|
10
8
|
```
|
11
|
-
|
9
|
+
|
12
10
|
```
|
13
|
-
|
14
11
|
### 該当のソースコード
|
15
|
-
HTML
|
16
|
-
```
|
12
|
+
```html
|
13
|
+
<select name="example1" id="">
|
14
|
+
<option value="0">Narita</option>
|
15
|
+
<option value="1">Narita 千葉県 日本</option>
|
16
|
+
<option value="2">Narita イリノイ州 アメリカ合衆国</option>
|
17
|
+
<option value="3">Naritahigashi 杉並区 東京都 日本</option>
|
18
|
+
<option value="4">Narita GardenVergem Grande Paulista</option>
|
19
|
+
<option value="5">Narita 成田市 千葉県 日本</option>
|
17
|
-
|
20
|
+
</select>
|
21
|
+
|
18
22
|
```
|
19
|
-
<select name="example1" id="">
|
20
|
-
<option value="0">Narita</option>
|
21
|
-
<option value="1">Narita千葉県 日本</option>
|
22
|
-
<option value="2">Naritaイリノイ州 アメリカ合衆国</option>
|
23
|
-
<option value="3">Naritahigashi杉並区 東京都 日本</option>
|
24
|
-
<option value="4">Narita Garden Vergem Grande Paulista-サン・パウロブラジル</option>
|
25
|
-
<option value="5">Narita 成田市 千葉県 日本</p></option>
|
26
|
-
</select>
|
27
23
|
|
28
24
|
### 試したこと
|
29
25
|
・2行にするために<br>を使った→改行される文字列が表示されず1行のままだった。
|
@@ -31,5 +27,5 @@
|
|
31
27
|
・いろいろググってみた→ググる能力が低く解決策まで至れなかった。
|
32
28
|
|
33
29
|
### 補足情報(FW/ツールのバージョンなど)
|
34
|
-
|
30
|
+
vscode
|
35
31
|
ここにより詳細な情報を記載してください。
|