-1

名前、姓、連結の 3 つのフィールドがあります。

私がしなければならないことは、フィールド名の最初の文字を姓と連結することです。そして、私が書いているように、フィールド Concat は変化しています。

私は今これを持っています：

<p>Name</p><input type="text" id="name"  onChange="document.getElementById('concat').value=this[0].value;" />
<p>Last name</p><input type="text" id="last_name" document.getElementById('txt').value=document.getElementById('txt').value + this.value;"/>
<p>Concat</p>
<input type="text" id="concat"  />

しかし、最初の文字は機能していないようです。問題は this[0].value; にあると思います。または、最初のチャタクターを取得するにはどうすればよいですか?それを行う他の機能はありますか?

ありがとう、事前に。

4

3 に答える 3

0

[0]First-Name テキストボックスでonを使用しthisていますが、代わりに実際の値を使用する必要があります。

onChange="document.getElementById('concat').value=this.value[0];"

または、明示的に使用.substring()して最初の文字を取得することもできます。

onChange="document.getElementById('concat').value=this.value.substring(0, 1);"

これにより、入力の最初の文字が取得されます。書き込み/読み取りには少し時間がかかりますが、正確な目的を伝えます。

注:入力が空の場合、使用すると、テキスト ボックスにundefined値が挿入されます。を使用すると、そのようなテキストは表示されません (懸念がある場合)。concatthis.value[0][0].substring(0, 1)

onchange=さらに、Last-Name の 2 番目のテキスト ボックスには、属性が含まれtxtておらず、代わりにid が使用されているという点で (サンプル コードに基づいて) 2 つのタイプミスがありますconcat。また、名のテキスト ボックスの部分文字列を取得しようとはしません。

コードの完全なブロックを次のように更新してみてください。

<p>Name</p>
<input type="text" id="name" onchange="document.getElementById('concat').value=this.value.substring(0, 1);" />
<p>Last name</p>
<input type="text" id="last_name" onchange="document.getElementById('concat').value=document.getElementById('name').value.substring(0, 1) + this.value;"/>
<p>Concat</p>
<input type="text" id="concat"  />
于 2013-01-02T19:37:52.950 に答える
0 
this[0].value

入力フィールド値の最初の文字が必要な場合は、それを行うべきではありません。

this入力フィールドです。this.value最初の文字が必要な文字列です。そしてthis.value[0]、その文字列の最初の文字を取得します。

そう：

this.value[0]
于 2013-01-02T19:37:57.227 に答える
0

あなたはいくつかの間違いを犯しました、これがあなたの修正されたコードです

<p>Name</p><input type="text" id="name"    onChange="document.getElementById('concat').value=this.value[0];" />
<p>Last name</p><input type="text" id="last_name" onChange="document.getElementById('concat').value=document.getElementById('name').value[0] + ' '    + this.value;"/>
<p>Concat</p>
<input type="text" id="concat"  />​​​​​​​​​​​​​​​​​​​​​​

自分のコードと比較してください！

于 2013-01-02T19:38:38.760 に答える