質問: 現在、モーダルウインドウに表示されるインプットエリアに 入力し、「挿入」ボタンを押した際に、オンクリックイベントで、 上記入力された内容を別のテキストボックスに挿入するコードを書いております。 <やりたいこと> ・挿入先のテキストボックスの値がブランクの時(=未入力時)はインプットエリアに入力 された内容をそのままテキストボックスに挿入する(こちらは動作しております) ・挿入先のテキストボックスに既に値が入力されている場合は、その内容を残しつつ、 インプットエリアに入力された内容をテキストボックスに挿入する <つまづいている点> テキストボックスの値がブランクの時(=未入力時)は 挿入が完了できるのですが、既にテキストボックスに値を入力した後に オンクリックイベントを呼び出しても、テキストボックスの値が変更されない 状況でございます。 色々と試みているのですが、原因が分からない為、 どこを変更すると良いのか、お力添えをいただけますと幸いです。 ご多忙な中恐れ入ります、宜しくお願い致します。 <javascript部分> onclickイベントで呼び出しております。 ``` ``` <モーダルウインドウ部分> 以下がモーダルウインドウの部分でございます。 「挿入」を押すとウインドウを閉じ、オンクリックイベントを 呼び出しております。 本ウインドウは一番下のフォームの「引用」リンクをクリックすると 呼び出される形となっております。 ``` 引用元のURLを入力 挿入する 閉じる ``` <フォーム部分> 以下がフォーム部分でございます。 オンクリックイベントでcomment2というidのtextareaに値を挿入しております。 ``` 引用 ```
回答: innerHTMLの挙動はブラウザ間で同じではありません。 > > テキスト入力欄にテキストが入力された場合、IE は input の innerHTML プロパティの value 属性を変更しますが、Gecko ブラウザは変更しません。 > > > 実際に、IEでは反映されるものの、Chrome や Firefox Quantum ではvalue値は変化しません。 素直にvalueを変更するのがいいと思います。 ``` //target.innerHTML = replaced + "URL:" + id + "\n"; target.value = replaced + "URL:" + id + "\n"; ```