1

select をもっと目立たない ようにしたいと思います。

ユーザーが特定のオプションを選択すると、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のような奇妙なリクエストを送信します。

どうもありがとう。

4

1 に答える 1

3

タグの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());
});
于 2012-05-14T18:51:05.987 に答える