我需要在html5
- 2个下拉菜单和1个输入框中创建,然后创建由用户选择的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://在[object HTMLSelectElement] .com / [object HTMLSelectElement] / test而不是:http://inwitbank.com/huizemark/test
答案 0 :(得分:0)
您的html块没有id = text-three的字段。你有没有提出这个问题?