如何通过JavaScript document.querySelector设置输入值

Question

我想用javascript添加输入值。 这是priject链接！>添加到购物车>继续结帐|| 然后你得到结帐页面。

其实我想在结帐页面中自动添加Zipcode值。 我尝试这种方法，但没有工作

document.querySelector('#shipping-new-address-form div:nth-child(8) input').value = '12345';

任何人都可以帮忙解决这个问题吗？

Answer 1

您可以使用chrome控制台来确保您的查询查找目标元素并设置其值，因为您的选择器可能不正确。

它应该是那样的

document.querySelector('input[name = "' + prop + '"]').setAttribute('placeholder', data[prop])

这里有另一个答案，这里QuerySelector设置文本值

Answer 2

在结帐页面上，您可以定义onload事件。

<body onload="fillZipCode()">
<script>
function fillZipCode() {
  document.querySelector('#shipping-new-address-form div:nth-child(8) input').value = '12345';
</script>

Answer 3

如果要使用JavaScript添加输入字段及其值，则可以使用以下脚本。

<script>

function myFunction() 
{
  var input = document.createElement("INPUT");
  input.setAttribute("type", "text");
  input.setAttribute("value", "1234");
  document.body.appendChild(input);
}

myFunction();
</script>

如何通过JavaScript document.querySelector设置输入值

问题描述

3 个解决方案

解决方案1
0 2019-05-19 19:15:08

解决方案2
0 2019-05-19 19:15:53

解决方案3
0 2019-05-19 19:25:55

如何通过JavaScript document.querySelector设置输入值

问题描述

3 个解决方案

解决方案1 0 2019-05-19 19:15:08

解决方案2 0 2019-05-19 19:15:53

解决方案3 0 2019-05-19 19:25:55

解决方案1
0 2019-05-19 19:15:08

解决方案2
0 2019-05-19 19:15:53

解决方案3
0 2019-05-19 19:25:55