HTML 3 依赖的下拉菜单按文本文件填充

html 3 dependent drop down menus populate by text file

本文关键字:文本 文件 填充 下拉菜单 依赖 HTML      更新时间:2023-09-26

我需要在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://in[object HTMLSelectElement].com/[object HTMLSelectElement]/test 而不是这个:http://inwitbank.com/huizemark/test

你的 html 块没有 id=text-three 的字段。你是否将其排除在外?