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>
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>
<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>
#sampleForm * {
margin: 0;
}
</style>