如何使用 jquery rails 获取 html 选择的下拉值?

Posted

技术标签:

【中文标题】如何使用 jquery rails 获取 html 选择的下拉值?【英文标题】:How do I get the dropdown value of the html select using jquery rails? 【发布时间】:2017-12-24 02:58:30 【问题描述】:

HAML 文件:

 = form_for '', :remote => true do |f|
   = f.select :stp_name, @steps

JS:

  title = $('#stp_id').val()
  console.log title

控制台总是返回“未定义”。我已经尝试了其他答案的解决方案,但它们似乎都不起作用。谢谢!

【问题讨论】:

【参考方案1】:

您可以将标识符添加到您的select 标记、id 或类,然后使用jQuery 使用val,以获取选定的值。注意将id 添加到Rails select 助手的方法,html_options 必须作为第四个参数:

= f.select :stp_name, @steps, , id: 'select'

然后$('#select').val() 会给你价值。

【讨论】:

以上是关于如何使用 jquery rails 获取 html 选择的下拉值?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 css 类名中使用 javascript 变量并在 Rails 中通过 jquery 获取 css 颜色名

Rails link_to image_tag - 使用 jQuery 获取点击时的 href 值

如何在 Rails 的 JSON 响应中包含 cookie?

无法在 jQuery 中获取 Rails 返回值

在 rails 3.2.2 中使用 $.ajax() 异步获取数据

在rails上渲染视图后如何获取html代码