- PR -

ラジオボタンの値からテキストボックスのmaxlengthを変更したい

投稿者投稿内容
Dra
大ベテラン
会議室デビュー日: 2004/10/04
投稿数: 111
投稿日時: 2005-09-16 14:03
お世話になります。

現在、Webアプリケーションを作成しているのですが、件名にある通り、ラジオボタンの押下により、TextBoxのmaxlengthを動的に変化させたいと考えています。

JavaScriptでmaxlengthを変化させることは可能でしょうか?勉強不足で申し訳ありませんが、アドバイスお願いします。

mio
ぬし
会議室デビュー日: 2005/08/25
投稿数: 734
お住まい・勤務地: 神奈川県
投稿日時: 2005-09-16 14:23
方法についてはすでに解答がありますので、やってみればわかりますね。
ただ、maxlengthを設定したところで、現在すでに入っているテキストは変化しないので、その対処も必要かと。
Dra
大ベテラン
会議室デビュー日: 2004/10/04
投稿数: 111
投稿日時: 2005-09-16 14:28
引用:

mioさんの書き込み (2005-09-16 14:23) より:
方法についてはすでに解答がありますので、やってみればわかりますね。
ただ、maxlengthを設定したところで、現在すでに入っているテキストは変化しないので、その対処も必要かと。



方法については既に回答がありますのでとありますが、どういうことでしょうか??
過去にあったということでしょうか?

できればその方法を教えていただきたいのですが・・・
お手数をおかけしますが、よろしくお願いします。
mio
ぬし
会議室デビュー日: 2005/08/25
投稿数: 734
お住まい・勤務地: 神奈川県
投稿日時: 2005-09-16 14:31
あれ?
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=24484&forum=12
こちらはどうなったんでしょうか?コードが示されてますが。
このコードではtextareaに対して行ってますが、input type="text"でも同じはずです。
mio
ぬし
会議室デビュー日: 2005/08/25
投稿数: 734
お住まい・勤務地: 神奈川県
投稿日時: 2005-09-16 14:33
強いていえば、maxlengh→maxLength
Dra
大ベテラン
会議室デビュー日: 2004/10/04
投稿数: 111
投稿日時: 2005-09-16 14:58
引用:

mioさんの書き込み (2005-09-16 14:31) より:
http://www.atmarkit.co.jp/bbs/phpBB/viewtopic.php?topic=24484&forum=12
こちらはどうなったんでしょうか?コードが示されてますが。
このコードではtextareaに対して行ってますが、input type="text"でも同じはずです。



簡単なHTMLコードを書いて確かめてみたのですが、正常に動作しなかったです。。
<script language="javascript">
<!--
function Show(){
  document.frmForm.txtText.maxlength="5";
}
function Hide(){
  document.frmForm.txtText.maxlength="4";
}
//-->
</script>
</HEAD>
<BODY text="#ff80c0" link="#ff80c0" vlink="#ff80c0" alink="#ff80c0">
<center>
<FORM name="frmForm">
<DIV id="layerSample"><INPUT type="radio" name="rdoSample" value="1" checked onClick="Show()">表示 <INPUT type="radio" name="rdoSample" value="0" onClick="Hide()">非表示</DIV>
<INPUT size="20" type="text" name="txtText" value=""></FORM>
</center>
</BODY>


なにかおかしいところがあれば教えてください。
でっち6号
大ベテラン
会議室デビュー日: 2005/01/31
投稿数: 176
お住まい・勤務地: Kawasaki
投稿日時: 2005-09-16 16:02
タグ内の要素を書き換える場合は、setAttributeを使います。
対応ブラウザまでは調べてませんが、とりあえずIE6では動作しました。

document.frmForm.txtText.setAttribute("maxlength", "20", false);
Anthyhime
ぬし
会議室デビュー日: 2002/09/10
投稿数: 437
投稿日時: 2005-09-16 17:25
maxlengthじゃなくてmaxLengthですね。

スキルアップ/キャリアアップ(JOB@IT)