2013-09-30 75 views
0

我需要創建html5 - 2下拉菜單和1個輸入框,然後由用戶選擇的3個選擇創建的鏈接。我無法從用戶輸入連結放在一起,選擇html 3依賴下拉菜單由文本文件填充

HTML

<select id="text1" onchange="setupLink();"> 
     <option selected value="base">Please Select Your Town</option> 
     <option value="witbank">Witbank</option> 
     <option value="middelburg">Middelburg</option> 
    </select> 

    <select id="text2" onchange="setupLink();"> 
     <option selected value="base">Please Select Your Agency</option> 
     <option value="huizemark">Huizemark</option> 
     <option value="seef">Seef</option> 
    </select> 

    Here is a link : <a href="" id=lnk>nothing here yet</a> <br> 

腳本

<script type="text/javascript"> 
    function getUrl() { 
     var part1 = document.getElementById("text1").value; 
     var part2 = document.getElementById("text2").value; 
     } 

    function changeText2(){ 
var userInput = document.getElementById('userInput').value; 
var lnk = document.getElementById('lnk'); 
lnk.href = "http://in"+text1+text2+userInput; 
lnk.innerHTML = lnk.href; 
} 
</script> 

我得到這樣的:HTTP://在[對象HTMLSelectElement ] .com/[object HTMLSelectElement]/test替代此:http://inwitbank.com/huizemark/test

回答

0

你的html塊沒有id = text-three的字段。你沒有把這個問題留下來嗎?

+0

我嘗試下面的代碼,不工作 <輸入列表= 「代理人」> <數據列表ID = 「代理人」> <選項值= 「安德烈」> <選項值= 「蘇珊」> <選項值=「Cliffard」>

+0

檢出新代碼並忽略上述註釋 – user2686655