Question

在ajax成功之后的js.coffee文件中，我需要将值放到选择了特定名称的选择框中。

_form.html，erb ：

<%= f.select(:user_id, Item.find(session[:login_users_item_id]).try(:users).order_by_fullname.collect {|u| [ u.full_name, u.id ] }, selected: current_user.id)%>

items.js.coffee ：

$.ajax '/users.json',   
type: 'GET', data: {"from_prod_bu" : selecteditemId},
success: (data) ->
  userSelectBox = $('#prod_user_id')
  userSelectBox.html('')
  if data.length == 0
    userSelectBox.append($('<option>').text('').attr('value', ''))
  else
    $.each data, (index,el) ->
      userSelectBox.append($('<option>').text(el.firstname+' '+el.lastname).attr('value', el.id))

现在，用户全名在选择框中列出，但我如何提供所选选项以显示特定用户名。

由于

Answer 1

所选选项设置为by using the selected attribute。

假设要选择的用户的id存储在JavaScript中的selectedUserId变量中，那么以下代码应该有效：

success: (data) ->
  userSelectBox = $('#prod_user_id')
  userSelectBox.html('')
  if data.length == 0
    userSelectBox.append($('<option>').text('').attr('value', ''))
  else
    $.each data, (index, el) ->
      option = $('<option>')
        .text(el.firstname + ' ' + el.lastname)
        .attr('value', el.id)
      if el.id == selectedUserId
         option.attr 'selected', 'selected'
      userSelectBox.append option

有关使用jQuery设置selected属性的详细信息，请参阅here。

如何从咖啡文件

1 个答案: