0

私はjQueryを初めて使用しますが、チェックボックスリストから既存のアンカータグパラメーターを変更する必要がある状況があります.

だから私は

<a href="defatul.aspx?nOp=1&name=Jack&place=A">Link</a>

<asp:CheckBoxList ID="cbOptions" runat="server">
<asp:ListItem Value="A">Place A</asp:ListItem>
<asp:ListItem Value="B">Place B</asp:ListItem>
<asp:ListItem Value="C">Place C</asp:ListItem>
</asp:CheckBoxList>

ユーザーがチェックボックス オプションを選択すると、 LINK のパラメータが動的に変更されるようにしたいと考えています。

したがって、ユーザーが「Place C」を選択した場合、href URL は defatul.aspx?nOp=1&name=Jack&place=C に自動的に変更されます。

これはjQuery内で完了することができると思います。検索しましたが、これを達成できる例が見つかりません。

4

1 に答える 1

1

どうぞ：

<html>
<head>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
    $("#myselect").on("change", function() {
        var selectedValue = $(this).val();

        if (selectedValue == "A") {
            $("#mylink").attr("href", "default.aspx?sel=A");
        } else if (selectedValue == "B") {
            $("#mylink").attr("href", "default.aspx?sel=B");
        } else if (selectedValue == "C") {
            $("#mylink").attr("href", "default.aspx?sel=C");
        }
    });
});
</script>
<a id="mylink" href="default.aspx?nOp=1&name=Jack&place=A">Link</a>
<select id="myselect">
<option value="A">Place A</option>
<option value="B">Place B</option>
<option value="C">Place C</option>
</select>
</body>
</html>

説明を追加するには... ドキュメントが完全にロードされたら、ドロップダウンの変更イベントを接続します。その場合、ドロップダウンの値を取得し、必要に応じてハイパーリンクの href 属性を変更します。うまくいけば、それがあなたを前進させるのに役立ちます.

編集：申し訳ありませんが、チェックボックスリストに必要なことに気づきました。まもなく調整します。

編集2:複数のチェックボックスをオンにすることができるため、この例がチェックボックスで機能するかどうかはわかりません。さらにサポートが必要な場合はお知らせください。

于 2013-07-02T20:38:54.243 に答える