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

作者: s8800241234 (Di)   2018-10-22 17:52:34
各位大大好 ,目前想完成一個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" }
作者: s8800241234 (Di)   2018-10-22 21:23:00
感謝一樓解答
作者: a510042003 (寶咖咖啡)   2018-10-22 18:18:00
var text111 = { [index] : type } ;

Links booklink

Contact Us: admin [ a t ] ucptt.com