0

私はこれを理解したと思っていましたが、正しく動作させることができません:

私が望むのは次のとおりです: これらのドロップダウンのいずれかの onChange は、選択された値を取得し、hiddentext フィールドに追加します[実際のアプリでは、これらのドロップダウンはフィールドセットにあり、選択された製品タイプに基づいていずれか一方のみが表示されます] 簡単なことはわかっていますが、何が間違っているのかわかりません。

以下のコードと私の jsFiddle はこちらです: http://jsfiddle.net/justmelat/M3hyX/

<form method="post" action="">
<fieldset name="projInfo" id="projInfo">
                <legend>Proj Info</legend>
                Hidden Product Field:  <input name="hiddenProdField" id="hiddenProdField" type="text" />
                            </fieldset>

<fieldset name="Group1" id="Group1">
                <legend>Product 1</legend>
                <select name="firstSet"  id="firstSet">
                <option value="0">Select</option>
                <option value="One">One</option>
                <option value="Two">Two</option>
                <option value="Three">Three</option>
            </select>
            </fieldset>
<fieldset name="Group2" id="Group2">
                <legend>Product 2</legend>
                <select name="secondSet"  id="secondSet">
                <option value="0">Select</option>
                <option value="Four">Four</option>
                <option value="Five">Five</option>
                <option value="Six">Six</option>
            </select>
            </fieldset>
<fieldset name="Group3" id="Group3">
                <legend>Product 3</legend>
                <select name="thirdSet"  id="thirdSet">
                <option value="0">Select</option>
                <option value="Seven">Seven</option>
                <option value="Eight">Eight</option>
                <option value="Nine">Nine</option>
            </select>
            </fieldset>
</form>​

$(document).ready(function() {
        $("select#firstSet, select#secondSet, select#thirdSet").change(function(){
            var prodType = "";
            $("select#firstSet, select#secondSet, select#thirdSet option:selected");
            prodType = $(this).text();
          $("#hiddenProdField").text(prodType);
        })
        .trigger('change');
    });
4

3 に答える 3

3

text()関数と関数を間違えましたval()。http://jsfiddle.net/M3hyX/5/を参照してください

    $("#firstSet, #secondSet, #thirdSet").change(function(){
        $("#hiddenProdField").val($(this).val());
    })
    .trigger('change');
于 2012-04-19T17:43:41.997 に答える
2

$("#hiddenProdField").text(prodType);あるべきように見える$("#hiddenProdField").val(prodType);

于 2012-04-19T17:43:00.407 に答える
2 
$('fieldset select').change(function() {
 $('input#hiddenProdField').val(this.value);
});

デモ

于 2012-04-19T17:43:22.310 に答える