AJAXのお勉強

prototype フィールドのテキストの値を選択@AJAX

フィールドのテキストの値を選択します。

prototype.jsのFiledオブジェクトを利用します。
Field.select(フィールド要素ID、もしくは要素オブジェクト)
となります。


<html>
<head>
<title>prototype.js フィールドのテキストの値を選択</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript">
<!--

function selectID() {
    //要素のID指定
    Field.select("idTxt");
}

function selectName() {
    //要素オブジェクトを指定
    Field.select($("nameTxt"));
}

function selectMail() {
    Field.select("mailTxt");
}

// -->
</script>
</head>
<body>
<form id="form1">
<table>
    <tr>
        <td bgcolor="#CCCCCC">ID</td>
        <td><input type="text" id="idTxt" value="ID"></td>
    </tr>
    <tr>
        <td bgcolor="#CCCCCC">名前</td>
        <td><input type="text" id="nameTxt" value="名前"></td>
    </tr>
        <td bgcolor="#CCCCCC">メールアドレス</td>
        <td><input type="text" id="mailTxt" value="メールアドレス"></td>
    </tr>
</table>
<BR>
<input type="button" value="ID選択" onclick="selectID()">
<input type="button" value="名前選択" onclick="selectName()">
<input type="button" value="メールアドレス選択選択" onclick="selectMail()">
</form>
</body>
</html>

Copyright (C) 2008 AJAXのお勉強. All Rights Reserved.