teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

3

確認用サーバー側コードの追加

2019/11/29 14:26

投稿

shinji709
shinji709

スコア805

answer CHANGED
@@ -25,4 +25,16 @@
25
25
  };
26
26
  document.querySelector('form[name="test2"]>input[type="submit"]').onclick = changeText;
27
27
  }
28
+ ```
29
+ 追記2:
30
+ 確認に使ったサーバー側のコードを載せておきます。
31
+ (確認にあたってはformタグのaction属性を`action="add.php"`から`action="http://localhost:3000"`に変更しています)
32
+ ```JavaScript
33
+ const express = require('express');
34
+ const multer = require('multer')
35
+ const app = express();
36
+ app.post('/', multer().none(), (req, res) => {
37
+ res.send(req.body.text_body);
38
+ });
39
+ app.listen(3000);
28
40
  ```

2

インデント修正

2019/11/29 14:26

投稿

shinji709
shinji709

スコア805

answer CHANGED
@@ -17,7 +17,7 @@
17
17
  var editArea = $id('editArea');
18
18
 
19
19
  //innerText を設定するためのメソッドを追加
20
- setAlter_innerText(editArea);
20
+ setAlter_innerText(editArea);
21
21
 
22
22
  //★★★★★editAreaの文字をinnnerHTMLしてhiddenのvalueに入力したい★★★★★
23
23
  function changeText(){

1

要望により追記

2019/11/29 12:03

投稿

shinji709
shinji709

スコア805

answer CHANGED
@@ -1,6 +1,28 @@
1
- ```JavaScript
1
+ ```HTML
2
2
  <form name="test2" action="add.php" method="post" enctype="multipart/form-data">
3
3
  <input type="hidden" name="text_body" id="textBody" value="@@@@ココにeditArea.innerHTMLで得た結果を入れてsubmitしたい@@@">
4
4
  <input type="submit" onclick="textBody.value = editArea.innerHTML" value="送信">
5
5
  </form>
6
+ ```
7
+ 追記:
8
+ 要望により修正してみました↓
9
+ ```HTML
10
+ <form name="test2" action="add.php" method="post" enctype="multipart/form-data">
11
+ <input type="hidden" name="text_body" id="textBody" value="@@@@ココにeditArea.innerHTMLで得た結果を入れてsubmitしたい@@@">
12
+ <input type="submit" value="送信">
13
+ </form>
14
+ ```
15
+ ```JavaScript
16
+ window.onload = function () {
17
+ var editArea = $id('editArea');
18
+
19
+ //innerText を設定するためのメソッドを追加
20
+ setAlter_innerText(editArea);
21
+
22
+ //★★★★★editAreaの文字をinnnerHTMLしてhiddenのvalueに入力したい★★★★★
23
+ function changeText(){
24
+ textBody.value = editArea.innerHTML;
25
+ };
26
+ document.querySelector('form[name="test2"]>input[type="submit"]').onclick = changeText;
27
+ }
6
28
  ```