- ベストアンサー
訪問者が入力したテキストを指定した箇所に挿入する方法を探しています
- 訪問者が入力したテキストを指定した箇所に挿入する方法を探しています。
- 動作イメージとしましては、挿入文字用のinput（name=01）内に訪問者が入力し、「変換」ボタンをクリックすると、出力用のinput（name=02）に、訪問者が入力した「りんご」の含まれる文字列が生成される、という形です。
- JavaScriptで訪問者が入力したテキストを変換・挿入する方法を探しています。
- webweb555
- お礼率78% (36/46)
- JavaScript
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<p> <input type="text" name="name01" value="りんご"> <input type="button" value="変換" onClick=" document.getElementsByName('name03')[0].value = 'もしかして自分で試すってことしないのか？'.replace(/自分で試す/, document.getElementsByName('name01')[0].value); //例２ document.getElementsByName('name04')[0].value = '質問１は、愚問に近い。「'+document.getElementsByName('name01')[0].value+ '」の部分を入力し直してみれば？'; "><br> <input type="text" name="name03" size="60"><br> <input type="text" name="name04" size="60"><br> </p>
その他の回答 (1)
<html> <p>読解力にかける俺<br> <input type="text" name="name01" value="りんご"> <input type="button" value="変換" onClick=" document.getElementsByName('name02')[0].value='青森県は'+ document.getElementsByName('name01')[0].value+'だけじゃねぇ～！'+ document.getElementsByName('name01')[0].value+'ジュースとか、'+ document.getElementsByName('name01')[0].value+'ジャムとか、'+ document.getElementsByName('name01')[0].value+'と鯖のパイもある！'; document.getElementsByName('name03')[0].value= document.getElementsByName('name03')[0].value.replace(/挿入位置/, document.getElementsByName('name01')[0].value); "> </P> <p>こんなのでいいのか？<br> <input type="text" name="name02" size="100" value=""> <input type="text" name="name03" size="100" value="もしかして挿入位置っておいしいのか？"> </p>
お礼
_pipi_様 ご回答ありがとうございます。 やりたいことにとても近づきました。 技術的にできることなのだと安心します。 まさにほぼ、やりたい通りのコードでした。 ありがとうございます。 数点、追加質問をさせてください。 実際、利用する際は、 <p>読解力にかける俺<br> <input type="text" name="name01" value="りんご"> <input type="button" value="変換" onClick=" document.getElementsByName('name03')[0].value= document.getElementsByName('name03')[0].value.replace(/挿入位置/, document.getElementsByName('name01')[0].value); "> </p> <p>こんなのでいいのか？<br> <input type="text" name="name03" size="100" value="もしかして挿入位置っておいしいのか？"> </p> このような形になります。 【質問１】 １度、変換ボタンをクリック後、name01に別のテキストを入力し、 再度変換ボタンを押すことでname03の中身ももう１度変えたいのですが これは可能ですか？ 【質問２】 変換ボタンを押す前、name03内に「挿入位置」というテキストが含まれます。 これを、変換ボタンを押す前は非表示にしたいのですが可能ですか？ 以上２点、ご回答いただけると大変幸いです。 どうか、よろしくお願いいたします。
お礼
_pipi_様 ご回答ありがとうございました。 今回ご回答いただいたコードは私のやりたいことがすべてできるものでした。 本当にありがとうございました。 質問１についてですが 最初にご回答いただいたコードのname02だとうまくいったのですがname03だとうまくいかなかったので質問をしてしまいました。 コードを直接教えていただきまして本当にありがとうございました。