質問編集履歴
2
補足事項に質問事項を追加しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -49,3 +49,51 @@
|
|
|
49
49
|
|
|
50
50
|
|
|
51
51
|
このサイトで紹介されていた方法をQiita内で試したところ成功しました。
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
以下、赤枠内のクリックイベントについても発生させる事ができませんでした・・・
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
クリックする前のコードは、以下のようになります。
|
|
62
|
+
|
|
63
|
+
```HTML
|
|
64
|
+
|
|
65
|
+
<div class="u-align-rounded-corner">
|
|
66
|
+
|
|
67
|
+
<div class="Select se-specifics-select error is-clearable is-searchable Select--single"><div class="Select-control">
|
|
68
|
+
|
|
69
|
+
<span class="Select-multi-value-wrapper" id="react-select-2--value"><div class="Select-placeholder">e.g. Ash, Maje, Malo</div>
|
|
70
|
+
|
|
71
|
+
<input id="specification-3184" aria-activedescendant="react-select-2--value" aria-expanded="false" aria-haspopup="false" aria-owns="" class="Select-input" role="combobox" tabindex="0" type="search" autocomplete="false" autocorrect="off" autocapitalize="off" spellcheck="false" value=""></span>
|
|
72
|
+
|
|
73
|
+
<span class="Select-arrow-zone"><span class="Select-arrow"></span></span></div>
|
|
74
|
+
|
|
75
|
+
</div>
|
|
76
|
+
|
|
77
|
+
</div>
|
|
78
|
+
|
|
79
|
+
```
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
赤枠内をクリックすると画像のようにコンボボックス（？）が表示されます。
|
|
84
|
+
|
|
85
|
+
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
コードはコピーできませんでした・・・
|
|
90
|
+
|
|
91
|
+
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
<div class="Select se-specifics-select error is-clearable is-searchable Select--single">
|
|
96
|
+
|
|
97
|
+
|
|
98
|
+
|
|
99
|
+
上記の部分に「is-open」というコードが追記されるところまでは分かったのですが、javascriptを使用してクリックイベントを発生させるためのコードがどうしても分かりません。
|
1
該当のソースコードが分かりにくかったので、追記します。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
|
|
17
17
|
### 該当のソースコード
|
|
18
18
|
|
|
19
|
-
以下のサイト内でカテゴリボタンを押すクリックイベントを試みています。
|
|
19
|
+
以下のサイト内でChrome の開発ツール Console を使用してカテゴリボタンを押すクリックイベントを試みています。
|
|
20
20
|
|
|
21
21
|
```URL
|
|
22
22
|
|