使用javascript获取f.select rails表单助手

Question

我试图在我的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有一个名为"level-AS“的id，我已经设法使用

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

这给了我Object { context: HTMLDocument → new, selector: "#level-AS" }，但我希望它返回所选的实际值，即“容易”或“难”。

我也试过

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

我也试过

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

但是这个返回未定义的..。

Answer 1

你应该简单地做：

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

或者根据你的html：

$('#test_level').val()

Sidenote，而不是由id定位，您可以：

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

Answer 2

我认为您的问题是您的f.select中的ID正在丢失。我认为这是因为rails如何将参数分成不同的部分。试试这个：

= 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"}

Answer 3

您可以调用val()方法来获取值。

​

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

​