2012-11-29 80 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

相關問題