R2130: jQuery を利用した DOM要素の操作サンプル

 

入力フォームで動作する JavaScript を使ったデコレーションのサンプルです。

サンプル操作

２つの文字型データ項目に入力された値を用いて、Google Map の経路検索を呼び出す

サンプルコード

var from = jQuery('input[name="data[0].input"]').val();
var to = jQuery('input[name="data[1].input"]').val();
var url = 'http://maps.google.co.jp/maps?saddr=' + encodeURIComponent(from) + '&daddr=' + encodeURIComponent(to);
window.open(url);

• input タグの name 属性の値、つまりsubmit の際にサーバに送られるパラメータ名で input タグを検索して入力値を取得する
  • パラメータ名はメッセージ開始イベントやメッセージ受信中間イベントでのパラメータ名と同じ
  • 文字型データ項目のパラメータ名は、「data[(プロセスデータ定義番号)].input」
• 取得した入力値を用いてURLを構成し、window.open でGoogle Map の経路検索を呼び出す