2012-11-29 55 views
0

嗨我有一个下拉的项目是由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> 

比KS [R

HI - 所有使用该外部脚本 http://www.dynamicdrive.com/dynamicindex1/chainedmenu/index.htm

HI这里是exteranl JS文件的SNIPPIT填充下拉

/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( “第一选择”,“领导者和“经理”,“”,“领导者”);

+0

当窗体发布,下拉的价值应该被发送,为什么你需要将它传递给一个独立的隐藏/文本? – MrCode

+0

发布一些代码到目前为止您尝试过的内容 – polin

+0

您确定可以从填充的下拉列表中获取信息。只要你不使用普通的JS和IE。 –

回答

0

使用您的发布代码,应该完全可以实现您正在尝试执行的操作。我已经构建了一个扩展代码的示例,向您展示如何更新输入字段。

看到这个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

+0

但是,如何在填充的下拉菜单中选择一个项目? – Rifki

+0

它应该以完全相同的方式工作,我已经用动态添加的选项更新了jsFiddle以演示此操作。 – Klors

+0

它只是不想读取任何JavaScript值,上述does not工作 – Rifki

相关问题