为表单创建简单的下拉菜单

时间:2017-05-09 20:41:35

标签: javascript html

我正在尝试使用下拉菜单选项创建一个简单的HTML问题表单。在用户选择答案选项后,我希望他们点击提交,表单只是更新页面并选择了答案。我不希望将答案上传到数据库,只是希望显示/页面更新答案(例如,下拉菜单不再有效)。

这就是我所拥有的:

<label for="InputOne">Input One</label>
<select id="InputOne">
    <option val="1">1</option>
    <option val="2">2</option>
    <option val="3">3</option>
    <option val="4">4</option>
</select>

<label for="InputTwo">Input Two</label>
<select id="InputTwo">
    <option val="1">a</option>
    <option val="2">b</option>
    <option val="3">c</option>
    <option val="4">d</option>
</select>

<input type="submit" value="Submit">
</form>

所以例如,如果一个人选择&#34; 2&#34;和&#34; c&#34;从下拉菜单和点击提交,我如何让页面只是更新,所以现在显示文本&#34;输入一个2输入两个C&#34;没有下拉菜单和提交按钮激活/显示。谢谢。

0 个答案:

没有答案