jquery - Rails 3 Jquery 使选择标签不显眼

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

option 标记没有 href 属性。您的选择是:

方法一。

<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());
});