Question

我想制作一个html表单，要求我们从两个列表中进行选择。就像：

选择职业（从列表中选择）：1）工程师2）医疗3）会计师选择工具:(此列表应根据所选专业显示选项）。

例如，如果选择了Engineer，则应将选项显示为

1）计算机2）电子设备3）机械。

如果选择医生显示选项为 1）心脏病学2）Gynae 3）耳鼻喉科等等..

并且应该有一个按钮来提交选项，当我们点击按钮时，它应该显示基于所选选项的文章的下载链接（a href）。

我对html表单没有经验，所以请帮助我。

工具选项应根据专业变化。请快点帮助我。谢谢大家!!

Answer 1

可以找到以下代码，并且应该记入此网站和作者：Dynamic Dropdowns 但是，我已将其重新格式化以更好地适合您的具体问题：

<form name="ProfessionForm">
    <div align="center">
        <select name="optone" size="1" onchange="setOptions(document.myform.optone.options[document.myform.optone.selectedIndex].value);">
            <option value=" " selected="selected">Select Profession</option>
            <option value="1">Engineer</option>
            <option value="2">Medical</option>
            <option value="3">Accounting</option>
        </select><br><br>
        <select name="opttwo" size="1">
            <option value=" " selected="selected"></option>
        </select>
        <input type="button" name="go" value="Value Selected"
            onclick="alert(document.myform.opttwo.options[document.myform.opttwo.selectedIndex].value);">
    </div>
</form>

function setOptions(chosen){
    var selbox = document.myform.opttwo;
    selbox.options.length = 0;

    if(chosen == " "){
      selbox.options[selbox.options.length] = new Option('Please select one of the options above first',' ');
    }
    if(chosen == "1"){
        selbox.options[selbox.options.length] = new Option('Aerospace','oneone');
        selbox.options[selbox.options.length] = new Option('Computer Eng','onetwo');
    }
    if (chosen == "2") {
        selbox.options[selbox.options.length] = new Option('Nurse','twoone');
        selbox.options[selbox.options.length] = new Option('Doctor','twotwo');
    }
    if (chosen == "3") {
        selbox.options[selbox.options.length] = new Option('CPA','threeone');
        selbox.options[selbox.options.length] = new Option('CFO','threetwo');
    }
}

HTML表单，用于显示基于选项的下载链接

1 个答案: