如何通過JavaScript document.querySelector設置輸入值
[英]How to set input value by JavaScript document.querySelector
問題描述
我想用javascript添加輸入值。 這是priject鏈接 ！>添加到購物車>繼續結帳|| 然后你得到結帳頁面。
其實我想在結帳頁面中自動添加Zipcode值。 我嘗試這種方法，但沒有工作
document.querySelector('#shipping-new-address-form div:nth-child(8) input').value = '12345';
任何人都可以幫忙解決這個問題嗎？
3 個解決方案
解決方案1
0 2019-05-19 19:15:08
您可以使用chrome控制台來確保您的查詢查找目標元素並設置其值，因為您的選擇器可能不正確。
它應該是那樣的
document.querySelector('input[name = "' + prop + '"]').setAttribute('placeholder', data[prop])
這里有另一個答案，這里QuerySelector設置文本值
解決方案2
0 2019-05-19 19:15:53
在結帳頁面上，您可以定義onload事件。
<body onload="fillZipCode()">
<script>
function fillZipCode() {
document.querySelector('#shipping-new-address-form div:nth-child(8) input').value = '12345';
</script>
解決方案3
0 2019-05-19 19:25:55
如果要使用JavaScript添加輸入字段及其值，則可以使用以下腳本。
<script>
function myFunction()
{
var input = document.createElement("INPUT");
input.setAttribute("type", "text");
input.setAttribute("value", "1234");
document.body.appendChild(input);
}
myFunction();
</script>
document.querySelector('input[name=nameOfradio]:checked').value; 但沒有檢查收音機
[英]document.querySelector('input[name=nameOfradio]:checked').value; but radio not checked
使用javascript中的document.querySelector在數組中獲取值時錯誤NULL？
[英]error NULL when get value in array with document.querySelector in javascript?
如何使用本機JavaScript編碼document.querySelector（'。class'）。doSomeThing（）
[英]How to code document.querySelector('.class').doSomeThing() with native JavaScript
如何將 JavaScript 代碼 document.querySelector 轉換成 Angular9？
[英]how to convert JavaScript code document.querySelector into Angular9?
JavaScript - 為什么當“Document.querySelector().value”在 function 之外時我的代碼不運行
[英]JavaScript - Why doesn't my code run when "Document.querySelector().value" is outside function + how do I get function to run on input number change?
獲取 JavaScript 中現有 document.querySelector 的參數？
[英]Get the argument of an existing document.querySelector in JavaScript?
在 JavaScript 中是否有重命名 document.querySelector 等的約定？
[英]Is there a convention for renaming document.querySelector etc in JavaScript?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
Javascript document.querySelector 只需要這個值
document.querySelector('input[name=nameOfradio]:checked').value; 但沒有檢查收音機
使用javascript中的document.querySelector在數組中獲取值時錯誤NULL？
如何實現document.querySelector？
如何使用本機JavaScript編碼document.querySelector（'。class'）。doSomeThing（）
如何將 JavaScript 代碼 document.querySelector 轉換成 Angular9？
JavaScript - 為什么當“Document.querySelector().value”在 function 之外時我的代碼不運行
document.querySelector.value 返回值
獲取 JavaScript 中現有 document.querySelector 的參數？
在 JavaScript 中是否有重命名 document.querySelector 等的約定？
相關標簽