Question

我的输入字段如下：

<input data-checkout="card-number" type="tel" placeholder="card number" autocomplete="off" class="input-control" value="">

如何使用jquery设置此字段的值？如何获取data-checkout="card-number"和设置值？

Answer 1

在jquery中，您可以使用以下格式将任何属性用作选择器：

$('[your-attr="attr value"]')

回答您的问题应该可以：

$('[data-checkout="card-number"]').val("Your val");

Answer 2

这取决于您希望通过它访问什么。要访问该元素，可以使用例如：

$('.input-control')  // Finds all elements with this class

或

$('.input-control[data-checkout=card-number]')  // Finds all elements with this class and this data-checkout value

或其他选择器，具体取决于您的应用程序。然后，要设置值，您可以执行以下操作：

$(/* your selector */).val('some value'); // Sets the value to 'some value'

并获取数据结帐的值：

$(/* your selector */).data('checkout');  // Returns 'card-number'

不清楚您到底在寻找什么，但希望其中一些可以回答您的问题。

Answer 3

使用jquery可以使用val函数：

$(".input-control").val("Some value")

使用javascript：

document.querySelector(".input-control").value="Some value"

您可以通过以下方式获取属性：

$(".input-control").attr("card-number")

那你就可以做

$(".input-control").val($(".input-control").attr("card-number"))

希望这会有所帮助

Answer 4

您可以使用基本Javascript来设置值。

for(i=0; card=document.querySelectorAll("input[data-checkout=card-number]")[i]; i++){
    card.value="sample value";
}

Answer 5

<body>
    <div id="dynamic_content"></div>
</body>