0

私はJQueryを始めています。選択リストから選択した項目をJQuery関数に送信する方法があるかどうか知りたいです。

だから、ここに私が使ったフィドルがあります： http://jsfiddle.net/YCPM7/7/

関数の呼び出し内で設定した「option:select」を置き換える方法があるかどうか知りたいです。

フィドルにあるコードの一部を次に示します。

 <select id="StateSelection1" name="StateSelection">
                <option value="1">state 1</option>
                <option value="2">state 2</option>
                <option value="3">state 3</option>
                <option value="4">state 4</option>
                <option value="5">state 5</option>
            </select>
        </td><td>
            <input type="button" value="envoi" class="bouton" name="test" onclick="switchDiv(1, 'option:select')"/>

「switchDiv(1, 'option:select')」内に表示される「1」はあまり重要ではありません。これは、かみそり (vb.net) によって生成される ID です。

4

4 に答える 4

1

簡単にできます。まず、ボタンにIDをつけます。それを btnTest と呼びましょう。

そして今、jQuery部分に、これを使用してください：

$("#btnTest").click( function() {
    alert($("#StateSelection1 option:selected").text());
});

これにより、選択のテキストが取得されます。インデックスを取得するには、text() の代わりに val() を使用します。

于 2012-04-10T13:59:18.043 に答える
1

jsfiddleに表示されている HTML をあまり編集しないようにしました。何が行われているかを説明するためにクラス.js-target, .js-1とクラスを追加するだけです。.js-2

以下の jQuery では、まずすべての div を非表示にしてから、ボタンの 1 つをクリックすると、すべての div が再び非表示になり、オプションが選択された div のみが表示されます。

$(".js-target").hide();

$(".bouton").on("click", function() {
    $this = $(this);

    if ($this.hasClass("js-1")) {
        number = "1";
    } else if ($this.hasClass("js-2")) {
        number = "2";
    }

    target = $('#StateSelection' + number + ' option:selected').val();

    $(".js-target").hide();

    $("#" + number + "/" + target).show();
});​

フィドルはここで見ることができます。

于 2012-04-10T14:29:36.107 に答える
0

選択する値を取得したら、使用できます

$("#btnTest").click( function() {
    $("#StateSelection1").val(YOUR_VALUE);
    }
于 2012-04-10T14:06:19.203 に答える
0

最後に、onClick メソッドでこれを行うことにしました。これははるかに簡単に思えました。

  <script type="text/javascript">
      function switchDiv(idCont) {
          value = $('#DivSelection' + idCont + ' option:selected').val();  
        alert("contactid = " + idCont + " DivSelected = " + value);
        $("#" + idCont + "1").hide();
        $("#" + idCont + "2").hide();
        $("#" + idCont + "3").hide();
        $("#" + idCont + "4").hide();
        $("#" + idCont + "5").hide();
        $("#" + idCont + "6").hide();
        $("#" + idCont + "7").hide();
        $("#" + idCont + "8").hide();
        $("#" + idCont + "9").hide();
        $("#" + idCont + value).show();
    };

</script> 

     <input id=@item.idContact type="button" value="Envoyer" class="bouton" onclick="switchDiv(@item.idContact)" />
于 2012-04-11T09:49:22.660 に答える