如何从 rails_admin 上的选择标签中获取 (html) id？答案

【问题标题】：How do I get the (html) id from the select tag on rails_admin?如何从 rails_admin 上的选择标签中获取 (html) id？
【发布时间】：2018-07-29 03:04:38
【问题描述】：

“rails_admin”在下面生成此 HTML，我需要使用 coffescript/jquery 更改另一个“select”标签的选项，具体取决于在此“select”标签中选择了哪个“option”。此“选择”标签的 id= 是“schedule_tasks_attributes_1532831082497_service_id”。我如何获得带有这个号码的这个ID？这不是一个固定的数字。

<div class="form-group control-group belongs_to_association_type service_field "id="schedule_tasks_attributes_1532831082497_service_id_field">
  <label class="col-sm-2 control-label" for="schedule_tasks_attributes_1532831082497_service_id">Service</label>
  <div class="col-sm-10 controls">
    <select data-filteringselect="true" data-options="{&quot;xhr&quot;:false,&quot;remote_source&quot;:&quot;/admin/service?associated_collection=service\u0026compact=true\u0026current_action=create\u0026source_abstract_model=task&quot;}" placeholder="Buscar" name="schedule[tasks_attributes][1532831082497][service_id]" id="schedule_tasks_attributes_1532831082497_service_id" style="display: none;">
      <option value=""></option>
      <option value="5">Service 5</option>
      <option value="4">Service 4</option>
      <option value="3">Service 3</option>
      <option value="2">Service 2</option>
      <option value="1">Service 1</option>
    </select>
    <div class="input-group filtering-select col-sm-2" data-input-for="schedule_tasks_attributes_1532831082497_service_id" style="float: left;">
      <input type="text" class="form-control ra-filtering-select-input ui-autocomplete-input" style="display: inline-block;" placeholder="Buscar" required="required" autocomplete="off">
        <span class="input-group-btn">
          <label class="btn btn-info dropdown-toggle" data-toggle="dropdown" aria-expanded="false" title="Show All Items" role="button">
            <span class="caret"></span>
            <span class="ui-button-text">&nbsp;</span>
          </label>
        </span>
      </div>
      <a data-link="/admin/service/new?modal=true" class="btn btn-info create" style="margin-left:10px" href="#">
        <i class="icon-plus icon-white"></i>
        Add new service
      </a>
      <a data-link="/admin/service/__ID__/edit?modal=true" class="btn btn-info update disabled" style="margin-left:10px" href="#">
        <i class="icon-pencil icon-white"></i>
        Edit service
      </a>
      <span class="help-block">Required. </span>
    </div>
  </div>

【问题讨论】：

标签： html ruby-on-rails ruby rails-admin

【解决方案1】：

您可以在jquery中使用以下代码来选择提到的选择标签。

$("[id ^='schedule_tasks_attributes_']")
$("[id $='_service_id']")

对于您的完美选择，您可以使用：-

$("select[id ^='schedule_tasks_attributes_'][id $='_service_id']")

【讨论】：

此代码列出了所有以 schedule_tasks_attributes_ 开头的 ID，好的...但在页面上是其他具有此首字母的元素。这是一个可爱的解决方法... ^ 和 $ 是正则表达式？
没有 Carlos，这些是 jQuery 中也允许使用的 CSS 选择器。
@CarlosFagianiJr 我已经更新了答案。您现在可以检查它，如果仍然存在，请告诉我，您遇到任何问题。请随时在此处发表评论或通过 connect.ronit 与我私聊
@CarlosFagianiJr 乐于助人... :)