将由javascript填充的下拉列表中的选定项添加到文本框

嗨，我有一个下拉列表，它的项目由javascript填充，没有选项标记。当页面加载时，下拉列表将由外部JavaScript文件加载所有选项。当用户从此下拉列表中选择一个项目时，我希望此选定项目使用他们的选择更新一个文本框（位于同一页面上），以便我可以通过电子邮件发送此内容

我可以让它在一个普通的下拉列表中使用实际的选项标签，而这些标签不是由javascript填充的，但是不能让它在我填充的下拉列表中使用。我在各种帖子上读到过，服务器不会读取用JavaScript填充的下拉项，因为这都是在客户端完成的，解决方法包括将填充的下拉选择添加到隐藏字段，但我找不到这样做的方法。我还与经典ASP合作发送表单

希望有人能帮忙

嗨，我忘了提到下拉inst是由内联JavaScript填充的，而是来自外部JS文件

您好，我使用过一些代码，可以正常下拉，但不是我用JS填充的代码

function ChooseContact(data) {

document.getElementById ("friendName").value = data.value;

}


<select onchange="ChooseContact(this)"><option value='1'>1</option><option  value='2'>2</option></select>

var disable\u empty\u list=true//取消对此行的注释以禁用空的选择列表

var onclickaction=“警报”//设置为“警报”或“转到”。前者用于调试目的，告诉您将用作目标URL的最终选定列表的值。当以下配置均按要求设置时，设置为“转到”

var newwindow=0//是否在新窗口中打开链接？1=是，0=否

/////在下面定义菜单列表和项目/////////////////

addListGroup("chainedmenu", "First-Select");

addOption("First-Select", "Select a course type", "", 1); //HEADER OPTION
addList("First-Select", "New Staff", "", "NewStaff");
addList("First-Select", "All Staff", "", "AllStaff");
addList("First-Select", "Learning, Teaching, Research and Knowledge Exchange", "",   "Learning");

---

添加列表（“第一选择”、“领导者和管理者”、“领导者”）

使用您发布的代码，应该完全有可能实现您想要做的事情。我构建了一个示例，对代码进行了扩展，向您展示了如何更新输入字段

看到这个了吗

还有一个向您展示了，如果所有选项都是通过JavaScript生成的，那么它仍然可以工作。那么也许你现在的问题在别处

<select id="selecty" onchange="ChooseContact(this)"></select>
<input type="text" id="friendName" />

<script>
    var opt = document.createElement("option");
    opt.text = "One";
    opt.value = "1";
    document.getElementById("selecty").add(opt,null);

    opt = document.createElement("option");
    opt.text = "Two";
    opt.value = "2";
    document.getElementById("selecty").add(opt,null);

    opt = document.createElement("option");
    opt.text = "Three";
    opt.value = "3";
    document.getElementById("selecty").add(opt,null);

    function ChooseContact(data) {
        document.getElementById("friendName").value = data[data.selectedIndex].value;
    }
</script>

var opt=document.createElement（“选项”）；
opt.text=“一”；
opt.value=“1”；
document.getElementById（“selecty”）.add（opt，null）；
opt=document.createElement（“选项”）；
opt.text=“两个”；
opt.value=“2”；
document.getElementById（“selecty”）.add（opt，null）；
opt=document.createElement（“选项”）；
opt.text=“三”；
opt.value=“3”；
document.getElementById（“selecty”）.add（opt，null）；
功能选择联系人（数据）{
document.getElementById（“friendName”）.value=data[data.selectedIndex].value；
}

---

查看此

发布表单时，应发送下拉列表的值，为什么需要将其传递到单独的隐藏/文本框？发布一些代码您迄今为止尝试过的内容，确保可以从填充的下拉列表中获取信息。只要你没有在IE中使用纯JS，你如何填充你的下拉列表。也发布代码。但是如何在填充的下拉列表中对选定项执行此操作？它应该以完全相同的方式工作，我已经用动态添加的选项更新了JSFIDLE来演示这一点。它只是不想用任何JavaScript读取值，以上内容无效，仍然无法读取所选值此处是我的身体加载事件ehcih加载下拉列表项目Hi Klors，感谢您的帮助。这可以很好地处理标记中的实际标记，正如您所做的那样，但是我没有这些标记，因为下拉列表是由JavaScript填充的

<select id="selecty" onchange="ChooseContact(this)"></select>
<input type="text" id="friendName" />

<script>
    var opt = document.createElement("option");
    opt.text = "One";
    opt.value = "1";
    document.getElementById("selecty").add(opt,null);

    opt = document.createElement("option");
    opt.text = "Two";
    opt.value = "2";
    document.getElementById("selecty").add(opt,null);

    opt = document.createElement("option");
    opt.text = "Three";
    opt.value = "3";
    document.getElementById("selecty").add(opt,null);

    function ChooseContact(data) {
        document.getElementById("friendName").value = data[data.selectedIndex].value;
    }
</script>