-2

選択リストボックスのあるテーブルが 1 つあります。私の要件は、送信ボタンを押して、選択したオプションリストから現在のデータを取得し、値をコンマ区切り形式で表示することです。

ここに、参照用に画像ファイルを添付しました。

この場合、送信ボタンを押すと、データは { d:d,sdf:sdf,d:d } のように表示されます。

デモページ :デモ

注：私のページには、必要なときbuttonにもう1つ追加する追加があり<tr></tr>ます。そのダイナミック。

アドバイスありがとうございます。

4

1 に答える 1

1

これを行う1つの方法は次のとおりです。

$("#ok").on("click", function(){
    var output = [],
        $selects = $("#s select"),
        i;
    for (i=0; i < $selects.length; i += 2)
        output.push($selects.eq(i).find("option:selected").text() + ":" +
                    $selects.eq(i+1).find("option:selected").text());

    var outputString = "{" + output.join(",") + "}";
});

デモ: http://jsfiddle.net/FH2HM/1/

つまり、selects を 2 つずつループし、.text()各ペアで選択されたオプションの値を取得し、そのペアを配列に入れます。次に、ループの後、配列要素をコンマで区切った文字列に結合します。

表示したい値が option 要素のvalueプロパティにある場合、ループ内の行は次のようになるため、コードが単純になることに注意してください。

output.push($selects.eq(i).val() + ":" + $selects.eq(i+1).val());

このコードはテーブル内のすべての選択をループするため、動的に追加された行を自動的に処理することに注意してください。

于 2013-03-21T09:27:50.970 に答える