質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

サーブレット

サーブレット(Servlets)とはウェブやアプリケーションサーバー上に動くプログラムのことであり、ウェブブラウザや他のHTTPクライエントとデータベースやHTTPサーバー上のアプリケーションの中間層としての働きをします。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

1回答

3112閲覧

テキストボックスでキーイベントが発生した時に、変更された値を取得したい

toon

総合スコア26

JSP

JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

Java

Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

サーブレット

サーブレット(Servlets)とはウェブやアプリケーションサーバー上に動くプログラムのことであり、ウェブブラウザや他のHTTPクライエントとデータベースやHTTPサーバー上のアプリケーションの中間層としての働きをします。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2017/11/08 09:56

自力では解決できずお力添えいただきたいと思い質問させていただきました。
よろしくお願い致します。

###前提・実現したいこと
テキストボックスでキーイベントが発生した時に、
変更されたテキストボックスのIDとテキストボックスに入力された値を取得したいです。

jqueryのkeypressを用いればキーイベントを検知できるのだとわかったのですが、
複数のテキストボックスはforの中にあって複数作られるのでどのようにIDを指定すればいいのかわかりません。
(複数のテキストボックスはIDに「st」という文字が先頭につくことが共通しています。)

また、これはJSPの中で動くJavascriptの話なのですが、
Javascriptにより取得したIDと値をform経由でサーブレットに渡して処理するにはどうすればいいでしょうか。

###該当のソースコード

Javascript

1$('#テキストボックスのID').keyup(checkChange(this));

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

javascript

1$(function(){ 2 $('input').on('keyup',function(){ 3 console.log($(this).attr('id')); 4 }); 5});

html

1<input type="text" id="test1"> 2<input type="text" id="test2"> 3<input type="text" id="test3"> 4 5

投稿2017/11/08 10:31

yambejp

総合スコア114572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

toon

2017/11/09 23:02 編集

ご回答ありがとうございます。 上記ソースのconsole.log・・・の行をアラートでくくり、 使用して見たら「localhost:8080の内容: undefined」と出てきました。 HTMLはこのようになっているのですが、なにが問題だったのでしょうか? ```HTML <input id="st_<%= aa %>" type="text" value=<%= bb %>> <input id="st_<%= cc %>" type="text" value=<%= dd %>> ```
yambejp

2017/11/09 08:05

とりあえずhtmlはベタなものに書き直して記載してください
toon

2017/11/09 23:01

申し訳ございませんでした。 簡素なものに書き直しました。 ご教授よろしくお願いします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだベストアンサーが選ばれていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問