Rails 3 Jquery使select标记不显眼

Question

我想让选择更加低调。

我希望当用户选择特定选项时，jquery会自动发送适当的请求，例如/conroller/action/1

<form id="some-id" method="post" data-remote="true" action="/templates?locale=uk" >
<select id="user-templates" data-remote="true" name="user-templates">
   <option href="/controller/action/1" data-remote="true" value="1">option-1</option>
   <option href="/controller/action/2" data-remote="true" value="2">option-2</option>
   <option href="/controller/action/3" data-remote="true" value="3">option-3</option>
   <option href="/controller/action/4" data-remote="true" value="4">option-4</option>
</select>
</form>

但是现在，它按照所选的选项发送类似于http://127.0.0.1:3000/templates?locale=uk&some-id=1的奇怪请求。

非常感谢。

Answer 1

href标记没有option属性。你的选择是：

方法1.

<option onclick="location.href = '/controller/action/1'" 
  data-remote="true" value="1">option-1</option>

方法2. JavaScript：

$("#user-templates").change(function() {
  location.href = "/controller/action/" + $("#user-templates").val();
});

或者，如果您想在后台发送请求：

$("#user-templates").change(function() {
  $.get("/controller/action/" + $("#user-templates").val());
});