使用Javascript追加文本字段

新手在这里-所以放松点

我正在为一个店面编写一些javascript，它采用标准clearing center模型，将其转换为两个下拉列表，然后获取这两个下拉列表的值，并将所选值放回文本字段

我在javascript方面远远不是最好的（你可能会看到），但我正在认真地学习它

我的代码如下，如果有人能给我指出正确的方向，我将非常感激

/*jslint browser: true*/
/*global $, jQuery*/
/*jslint devel: true */


$(document).ready(function () {
    "use strict";
    var codes = ["TEST1", "TEST2"];
    if ($(".clearingConfigCell")) {

$('#ctl00_cphMainContent_ctlClearingUserData10005_lblCostCenter').hide();
$('#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter').hide();

        $(".ClearingConfigCell").append("Please Select Cost Center Code 1: ");
        if ($(".ClearingConfigCell").length > 0) {
            $(".ClearingConfigCell").parent().append("<select id='myCCselect' class='clearingConfigCell'/><br><br>");
            $.each(codes, function (i, val) {
                $('#myCCselect').append($('<option>', {value: val, text : val }));
            });
            $("#myCCselect").change(function () {
                if ($(this).val() === "Please Select Cost Center Code:") {
                    $(".ClearingConfigCell").val("#myCCselect1");
                }
            });
        }
        $(".ClearingConfigCell").append("Please Select Cost Center Code 2: ");
        if ($(".ClearingConfigCell").length > 0) {
            $(".ClearingConfigCell").parent().append("<select id='myCCselect2' class='clearingConfigCell'/>");
            $.each(codes, function (i, val) {
                $('#myCCselect2').append($('<option>', {value: val, text : val }));
            });
            $("#myCCselect2").change(function () {
                if ($(this).val() === "Please Select Cost Center Code:") {
                    $(".ClearingConfigCell").val("#myCCselect2");
                }
            });
        }
    }
    $(".customCostCenterField").keyup(function () {
        $("#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter").val($("#myCCselect").val() + "||" + $("#myCCselect2").val());
    });
});

/*jslint浏览器：true*/
/*全局$，jQuery*/
/*jslint-devel：对*/
$（文档）.ready（函数（）{
“严格使用”；
变量代码=[“TEST1”、“TEST2”]；
如果（$（“.clearingConfigCell”））{
$（“#ctl00_cphMainContent_ctlClearingUserData10005_lblCostCenter”）.hide（）；
$（“#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter”）.hide（）；
$（“.ClearingConfigCell”）.append（“请选择成本中心代码1:”）；
如果（$（“.ClearingConfigCell”）.length>0）{
$（“.ClearingConfigCell”）.parent（）.append（“

”）；
$。每个（代码、功能（i、val）{
$（'#myCCselect'）。追加（$（''，{value:val，text:val}））；
});
$（“#myCCselect”）.change（函数（）{
如果（$（this）.val（）==“请选择成本中心代码：”）{
$（“.ClearingConfigCell”）.val（“#myCCselect1”）；
}
});
}
$（“.ClearingConfigCell”）.append（“请选择成本中心代码2:”）；
如果（$（“.ClearingConfigCell”）.length>0）{
$（“.ClearingConfigCell”）.parent（）.append（“”）；
$。每个（代码、功能（i、val）{
$（'#myCCselect2'）。追加（$（''，{value:val，text:val}））；
});
$（“#myCCselect2”）.change（函数（）{
如果（$（this）.val（）==“请选择成本中心代码：”）{
$（“.ClearingConfigCell”）.val（“#myCCselect2”）；
}
});
}
}
$（“.customCostCenterField”）.keyup（函数（）{
$（“#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter”）.val（$（“#myCCselect”）.val（）+“| myCCselect2”）.val（）；
});
});

编辑： 我为这一混乱道歉。下面是我希望用javascript修改的代码。我遇到的问题是，当我提交页面数据时，我收到一个错误，指出成本中心尚未填写，这意味着我的javascript没有更改#ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter

    <td class="ClearingConfigCell"><span id="ctl00_cphMainContent_ctlClearingUserData10005_lblCostCenter">Cost Center:</span>
   <input name="ctl00$cphMainContent$ctlClearingUserData10005$txtCostCenter" type="text" maxlength="50" id="ctl00_cphMainContent_ctlClearingUserData10005_txtCostCenter" style="width:200px;"></td>

成本中心：

3分钟后，我仍在努力理解这个问题。您能否将选定的值指回到代码中的文本字段中？这就是问题所在吗？什么是

.ClearingConfigCell

？输入、跨度或div？共享与此函数相关的html部分。这将有助于理解您的代码应该做什么非常困难，而且您还没有真正向我们提出问题，因此您不太可能得到任何答案。我建议阅读jQuery文档中的

.append（）

和

.val（）

函数，以便了解如何将它们用于元素。更新了ask。我为这一混乱道歉。我是新来的！至于所选值，请返回文本字段，即txtCostCenter输入字段。