formObject.actionプロパティ

formObject.actionは、form要素(フォーム要素)のaction属性を取得、もしくは、設定するプロパティ。

action属性には、フォーム内容送信先ドキュメントのURLを指定することができる。

構文

取得

var $action = $formObject.action;

戻り値

form要素(フォーム要素)のaction属性の値。

設定

$formObject.action = "URL";
URL
送信先ドキュメントのURLを指定する。

サンプル

変更後のform要素のaction属性の値:

検索語:

サンプルの動作について

  • 「http://alphasis.info/」ボタンをクリックすると、form要素のaction属性の値を「http://alphasis.info/」にする。「変更後のform要素のaction属性の値:」の右横に「http://alphasis.info/」と表示する。「送信」ボタンをクリックすると、「検索語:」の右横のテキスト入力欄の内容を、GET形式で「http://alphasis.info/」に送信する。
  • 「http://java-lab.com/」ボタンをクリックすると、form要素のaction属性の値を「http://java-lab.com/」にする。「変更後のform要素のaction属性の値:」の右横に「http://java-lab.com/」と表示する。「送信」ボタンをクリックすると、「検索語:」の右横のテキスト入力欄の内容を、GET形式で「http://java-lab.com/」に送信する。

サンプルのソースコード

JavaScript

<script type="text/javascript">
function setAction( $action ) {
    var $elementReference = document.getElementById( "sampleForm" );
    $elementReference.action = $action;
    var $action = $elementReference.action;
    document.getElementById( "sampleOutput" ).innerHTML = $action;
}
</script>

HTML

<button onclick="setAction('http://alphasis.info/');">http://alphasis.info/</button>
<button onclick="setAction('http://java-lab.com/');">http://java-lab.com/</button>
<p>変更後のform要素のaction属性の値:<span id="sampleOutput"></span></p>
<form id="sampleForm" method="get" action="http://alphasis.info/" target="_blank">
    検索語:<input type="text" name="s" value="if">
    <br />
    <button type="submit">送信</button>
</form>

CSS

<style>
#sampleForm * {
    margin: 0;
}
</style>

スポンサード リンク

カテゴリー: DOM, Formオブジェクト, JavaScript, プロパティ, リファレンス パーマリンク