使用 Jquery 按名称选择输入答案

【问题标题】：Select input by name with Jquery使用 Jquery 按名称选择输入
【发布时间】：2013-11-29 15:55:41
【问题描述】：

我在单击按钮时通过外部 .js 文件添加此输入字段。每次单击按钮时都会添加此内容。

<input name="new" id="date" type="text" value>

我想将 Jquery-ui 日期选择器附加到该字段。

这是我现在使用的代码，但 class="hasDatepicker" 没有与我使用控制台检查时添加的新字段相关联。

$('[name="new"]').datepicker({
        maxDate: '+0d',
    dateFormat: 'yy/mm/dd'
});

我想按名称而不是 id 选择它，因为 id 对于添加的每个字段都是唯一的。

日期选择器已添加到我页面上的其他字段，因此它也应该在这里工作。

我还想附加 class="btn btn-darkgrey" 以通过 Jquery 将输入字段变为按钮。

【问题讨论】：

你没有说你有什么问题。
即使你的技术也适合我。jsfiddle.net/pratik2111/2yBWC 这是与你的完全匹配的技术jsfiddle.net/pratik2111/2yBWC/1
无论您的名字是否相同，但请保持您的 id 唯一

标签： javascript jquery

【解决方案1】：

试试看

$('input[name="new"]').datepicker({
    maxDate: '+0d',
    dateFormat: 'yy/mm/dd'
});

工作FIDDLE

【讨论】：

查看我添加的小提琴\

【解决方案2】：

正如您所说，每次单击按钮时都会添加输入字段。所以，你在那个地方添加了新的输入字段，你必须用 datepicker 初始化输入。这意味着在单击按钮时，您添加了代码以在下面插入新的输入字段，您必须通过以下方式查找输入 $input = parent_element.find('input[name="new"]').last().

这里 parent_element = 您在其中追加/插入新输入。

并初始化该输入。

$input.datepicker({
  maxDate: '+0d',
  dateFormat: 'yy/mm/dd'
});

试试这个。希望它对你有用。

【讨论】：