BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] JSPページのoptionタグでonClick()またはonSelect()を使用するにはどうすればよいですか？

2022-02-18 13:35:38

質問

使用方法 onClick() または onSelect() と option タグを使用できますか？以下は、それを実装しようとした私のコードですが、期待通りに動作していません。

注：ここで listCustomer JSPページで取得するドメインオブジェクトのリストです。 

<td align="right"> 
  <select name="singleSelect" "> 
     <c:forEach var="Customer" items="${listCustomer}" >
     <option value="" onClick="javascript:onSelect(this);> <c:out value="${Customer}" /></option>
                </c:forEach>
          </select>         
        </td>

オプションが選択されたことを検出するように修正するにはどうすればよいですか？

どのように解決するのですか？

どちらも onSelect() また onClick() イベントがサポートされています。 <option> タグを使用します。前者は、テキストを選択する（テキストフィールドをクリック＋ドラッグする）ことを意味します。 <text> と <textarea> タグを使用します。このタグは onClick() イベントは <select> タグを使用するのがベストであるような機能を探しているのでしょう。 onChange() イベントではなく onClick() .

さらに、あなたの見たところ <c:...> タグを使おうとしていますね。 JSP の構文をプレーンな HTML ドキュメントで使用することができます。これは...不正解です。

この回答へのコメントに対して - 私にはほとんど理解できません。しかし、それはあなたがしたいことは、その値を取得することであるように思える <option> タグを選択するたびに、そのタグが選択されます。その場合、次のようなものにしたいのです。 

<html>
 <head>
  <script type="text/javascript">

   function changeFunc() {
    var selectBox = document.getElementById("selectBox");
    var selectedValue = selectBox.options[selectBox.selectedIndex].value;
    alert(selectedValue);
   }

  </script>
 </head>
 <body>
  <select id="selectBox" onchange="changeFunc();">
   <option value="1">Option #1</option>
   <option value="2">Option #2</option>
  </select>
 </body>
</html>

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します