如何在动态表中显示下拉列表

How can a dropdown list be displayed at a dynamic table?

本文关键字：显示 下拉列表 动态      更新时间：2023-09-26

我有表格的代码

<fieldset class="tabular"><legend><%= l(:redmine_taskjuggler) %></legend>
<%= labelled_fields_for(@issue) do |f| %>
<div id="taskjuggler" class="attributes">
<div class="splitcontent">
<div class="splitcontentright">
<table id="ResTable" cellspacing="0" border="1" width="850">
<thead>
<tr>
<th width="450" align = center> TJ allocation <a href="#" onClick="javascript:confirm('<%= l(:tooltip_tj_allocates) %>')">(?)</a> </th>
<th width="200" align = center> TJ efficiency <a href="#" onClick="javascript:confirm('<%= l(:tooltip_tj_efficiency) %>')">(?)</a> </th>
<th width="200" align = center> TJ limits <a href="#" onClick="javascript:confirm('<%= l(:tooltip_tj_limits) %>')">(?)</a> </th>
</tr>
</thead>
<tbody>
<tr>
<% users_array = User.all.map { |user| [user.firstname + ' ' + user.lastname, user.login.sub('-','_') ] } %>
<td> <%= select(:issue,:tj_allocates,users_array) %> </td>
<td> <%= f.text_field :tj_efficiency %> </td>
<td> <%= f.text_field :tj_limits %> </td>
</tr>
    </tbody>
</table>
<a href="#" onclick="javascript:addRow('ResTable')"> Add string </a>
</div>
</div>
</div>

在同一页面动态添加行的脚本

 <script type="text/javascript">
 function addRow(id){
 var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
 var row = document.createElement("TR")
 var td1 = document.createElement("TD")
 var td2 = document.createElement("TD")
 var td3 = document.createElement("TD")
 td1.innerHTML = '<%= select(:issue,:tj_allocates,users_array) %>'
 td2.innerHTML = '<%= f.text_field :tj_efficiency %>'
 td3.innerHTML = '<%= f.text_field :tj_limits %>'
 row.appendChild(td1);
 row.appendChild(td2);
 row.appendChild(td3);
 tbody.appendChild(row);
 }
 </script>
<% end %>
</fieldset>

但它不起作用，因为不起作用

 td1.innerHTML = '<%= select(:issue,:tj_allocates,users_array) %>'

我有一个错误 

SyntaxError: unterminated string literal  
td1.innerHTML = '<select id="issue_tj_allocates" name="issue[tj_allocates]">
----------------^

我查看了html页面的代码，我看到我已经创建了 

td1.innerHTML = '<select id="issue_tj_allocates" name="issue[tj_allocates]"><option value="admin">Redmine Admin</option>
<option value=""> Anonymous</option>
<option value="namiko">Namiko Namiko</option>
<option value="kitsune">Kitsune Kitsune</option>
<option value="tanuki">Tanuki Tanuki</option>
<option value="ookami">Ookami Ookami</option>
<option value="kirin">Kirin Kirin</option></select>'

如何在此表中创建下行？

您可以创建一个模板，然后像这样使用它：-

<script type="text/template" id="some_select">
  <%= select(:issue,:tj_allocates,users_array) %>
</script>

然后像这样引用此模板

td1.innerHTML = document.getElementById('some_select').innerHTML;

希望这会有所帮助。

相关文章：