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 回答