制作表单的一部分的非JavaScript版本

Question

所以我有两个下拉列表的表单，第二个依赖于第一个。 为了举例说明，如果他们在第一个下拉列表中选择“偶数”，则在第二个下拉列表中选择2,4和6作为选项，相应地如果他们在第一个中选择“奇数”，则第二个下降为1,3， 5。 （默认为偶数）。 我已经在javascript中完成了这个，并且它运行正常...唯一的问题是如果用户关闭javascript既没有下拉显示。

我想为没有javascript的人提供一个下拉菜单，其中包含“偶数2，偶数4，偶数6，奇数1，奇数3，奇数5”选项

但当然，我不希望它出现在那些拥有javascript的人身上。

我尝试用谷歌搜索它，但是继续使用NoScript ...这是我想要确保可以使用我的表单的人。 谢谢！

Answer 1

另一种更好的方法是：

默认使用1选择框（dropbown），并添加一个简单的javascript调用，它将删除一个并为javascript添加两个：

$(document).ready(function() {
  $('#idOfTheSelectbox').remove();
  $('#idOfPlaceholderDiv').html('<select name="select1">...</select><select name="select2">...</select>');
});