通过 Javascript 在相同的输入 ID 上使用不同的占位符答案

【问题标题】：Different placeholder via Javascript on same input ID通过 Javascript 在相同的输入 ID 上使用不同的占位符
【发布时间】：2015-09-16 09:50:17
【问题描述】：

我想这是非常基本的，但我不知道如何解决这个难题。我所拥有的是由 Wordpress 中的插件生成的两个输入。我想要做的是更改字段中的占位符。

问题是字段 ID（我用来通过 Javascript 调用输入）是相同的，导致只有第一个输入占位符发生变化。

自动生成的 HTML：

<input type="password" placeholder="Lösenord" name="swpm-19" id="swpm-19" value="" class="swpm-text  swpm-large  required  ">
<input type="password" placeholder="Retype password Here" name="swpm-19_re" id="swpm-19" value="" class="swpm-text  swpm-large  required  ">

Javascript：

<script type="text/javascript">
    jQuery(document).ready(function($){
        $('#swpm-19').attr("placeholder","Lösenord");
    });
</script>

我不知道如何调用第二个输入，因为 ID 相同。我确实注意到输入的名称不同。第二个输入名称是“swmp-19_re”。是否可以通过名称而不是 ID 获取 Javascript 中的输入？

【问题讨论】：

标签： javascript wordpress plugins input

【解决方案1】：

您不能有重复的id，这是无效的文档。您可以使用属性值选择器通过name 属性值选择元素。

$('input[name="swpm-19"], input[name="swpm-19_re"]').attr('placeholder', 'Lösenord');

你也可以用 as 开头

$('input[name^="swpm-19"]').attr('placeholder', 'Lösenord');

有关 jQuery 支持的 CSS（属性）选择器类型的更多信息check this page。

【讨论】：