javascript - 使用 javascript 定位 f.select Rails 表单助手

标签 javascript ruby-on-rails ruby

我正在尝试在 Rails 应用程序中检索 f.select 表单助手的值。

f.select 的代码是(在 HAML 中):

= f.select :level, [["L1 - Super easy", 1], ["L2 - Warm-up", 2], ["L3 - Easy exam questions", 3], ["L4 - Moderate exam questions", 4], ["L5 - Difficult exam questions", 5]], id: "level-AS"

生成以下 html:

<select id="test_level" name="test[level]">

    <option value="1" selected="selected">L1 - Super easy</option>
    <option value="2">L2 - Warm-up</option>
    <option value="3">L3 - Easy exam questions</option>
    <option value="4">L4 - Moderate exam questions</option>
    <option value="5">L5 - Difficult exam questions</option>

</select>

f.select 的 id 为“level-AS”,我已成功使用它来定位它

$('#level-AS').select()

这给了我 Object { context: HTMLDocument → new, selector: "#level-AS"} 但我想要的是它返回已选择的实际值,即“简单”或“困难”。

我也尝试过

$('#level-AS').select().val()

我也尝试过

$('#level-AS').val()

但这返回未定义......

最佳答案

你应该简单地这样做:

$('#level-AS').val()

或者根据您的html:

$('#test_level').val()

旁注,您可以这样做,而不是通过 ID 定位:

$('select[name="test[level]"]').val()

关于javascript - 使用 javascript 定位 f.select Rails 表单助手,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30070696/

相关文章:

javascript - D3.js Canvas 上下文填充错误

ruby-on-rails - 实现Stackoverflow风格声誉的最佳方法

ruby-on-rails - 祖先 gem : return only last child in threads

ruby - 如何在ruby中创建嵌套目录

sql - ruby on rails 一个模型中的多个表

javascript - vue-router:浏览器尝试将 <router-link> 作为本地文件打开

javascript - 当在其上方的 div 上使用 .slideToggle 时,导航菜单向下移动

ruby-on-rails - 如何发布到 Rails Controller 中的连接表

Ruby Rails - Assets 的 RoutingError

javascript - 正则表达式的三个点?