如何修复将下拉值发送到文本字段的jquery代码?

如何修复将下拉值发送到文本字段的jquery代码?,jquery,Jquery,我以为我已经解决了这个问题,但无法使它正常工作: 我想要的只是以下内容: 更改这些下拉列表中的任何一个后,将所选值添加到hiddentext字段[在实际应用程序中,这些下拉列表位于字段集中,并且根据所选产品类型仅显示其中一个]我知道这很简单,但我看不出我做错了什么 下面是代码,下面是我的JSFIDLE: 看起来像$hiddenProdField.textprodType;应为$hiddenProdField.valprodType 您弄错了text函数和val函数。看 嗨,代码悖论-这不起作用,

我以为我已经解决了这个问题,但无法使它正常工作:

我想要的只是以下内容: 更改这些下拉列表中的任何一个后,将所选值添加到hiddentext字段[在实际应用程序中,这些下拉列表位于字段集中,并且根据所选产品类型仅显示其中一个]我知道这很简单,但我看不出我做错了什么

下面是代码,下面是我的JSFIDLE:

看起来像$hiddenProdField.textprodType;应为$hiddenProdField.valprodType

您弄错了text函数和val函数。看


嗨,代码悖论-这不起作用,它不会弹出文本字段[hiddenProdField]。我创造了一个小提琴在这里尝试:客人-您的工作以及,谢谢!!!!
<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');
    });
$('fieldset select').change(function() {
 $('input#hiddenProdField').val(this.value);
});
    $("#firstSet, #secondSet, #thirdSet").change(function(){
        $("#hiddenProdField").val($(this).val());
    })
    .trigger('change');