[js] 新手詢問Object name的問題

看板Ajax作者 (Di)時間6年前 (2018/10/22 17:52), 編輯推噓1(101)
留言2則, 2人參與, 6年前最新討論串1/1
各位大大好 ,目前想完成一個input兩個值後 回傳成json格式的一個檔案(預期目標 輸入了 123 456 按下按鈕後回傳成{"123" : "456" }) 目前想說先把兩個輸入的值轉換成物件後,再轉json,可是發現物件的name一直無法吃到變數,請問大家要如何宣告呢? 或是有其他更好的方式?下面是我的code <!DOCTYPE html> <html> <body> index:<input type="name" name= index id=123 value="請輸入你的index"> type:<input type="name" name= type id=456 value="請輸入你的type"> <button onclick="test()">轉換吧~~~</button> <p id ="789"></p> <script> var index = document.getElementById("123").value; var type = document.getElementById("456").value; var test111= {index:type}; var testjson = JSON.stringify(test111) function test() { document.getElementById("789").innerHTML = testjson ; } </script> </body> </html> 想要的結果: {"請輸入你的index" : "請輸入你的type" } 實際情況:{"index" : "請輸入你的type" } ----- Sent from JPTT on my iPhone -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 223.137.83.17 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1540201957.A.002.html

10/22 18:18, 6年前 , 1F
var text111 = { [index] : type } ;
10/22 18:18, 1F

10/22 21:23, 6年前 , 2F
感謝一樓解答
10/22 21:23, 2F
文章代碼(AID): #1RpPtb02 (Ajax)
文章代碼(AID): #1RpPtb02 (Ajax)