トップページ >  jQuery >  jQueryでテキスト要素にアクセスする
初版2014/03/02: 最終更新日2014/03/02
jQueryでテキスト要素にアクセスする
目次
jQueryでテキスト要素にアクセスする
jQueryでテキスト要素にアクセスする
jQueryでテキスト要素にアクセスするには$(":text")セレクタを使用します。
以下のようにテキストが二つある場合は、name属性なども指定してセレクタを指定します。
$(":text[name=text1]")というようにname=text1の要素を指定します。
以下、例です。



ソースは以下です。

<script type="text/javascript">
$(function(){
  $(":button").click(function(){
    $(":text[name=text1]").val("あいう");
    $(":text[name=text2]").val("えお");
  });
});
</script>

上記のように複数テキストボックスがある場合は今回のようにname属性を指定してセレクタを指定することができます。