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

Question

嗨，我有一个下拉列表，其中的项目由javascript填充，没有选项标签。 页面加载后，下拉菜单会通过外部JavaScript文件加载所有选项。 当用户从该下拉列表中选择一个项目时，我希望该选择的项目使用他们的选择来更新文本框（在同一页面上），这样我就可以通过电子邮件发送该文本框了。

我可以使用未由javascript填充的实际选项标签在正常下拉菜单中使用它，但不能使其与我的填充下拉列表一起使用。 我已经读过各种文章，这些文章将删除用JavaScript填充的下拉列表项，因为它们都是在客户端完成的，因此服务器不会读取它，并且解决方法是将填充的下拉列表项添加到隐藏字段中，但是我找不到方法为此。 我也在使用经典的ASP发送表格

希望有人能帮忙

嗨，我忘了提到下拉菜单由内联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>

谢谢R

HI-使用此外部脚本http://www.dynamicdrive.com/dynamicindex1/chainedmenu/index.htm完成所有操作

HI这是exteranl JS文件的摘录，其中包含下拉列表

/var hide_empty_list=true; //uncomment this line to hide empty selection lists

var disable_empty_list = true; //取消注释此行以禁用空的选择列表

var onclickaction =“ alert” //设置为“ alert”或“ goto”。 前一个用于调试目的，用来告诉您最终选定列表的值，该列表将用作目标URL。 根据需要全部设置以下配置时，设置为“ goto”。

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");

addList（“ First-Select”，“ Leaders and Managers”，“”，“ Leaders”）;

Answer 1

使用您发布的代码，完全有可能实现您要执行的操作。 我构建了一个扩展代码的示例，向您展示如何更新输入字段。

看到这个jsFiddle

并且还向您展示了如果所有选项都是通过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>

看到这个jsFiddle