在简单html中使用Div和Hide选项

我正在使用html。当从下拉列表中选择一个选项时，我必须在表格中显示一组问题

我已经有了一个工作脚本。我复制了它，并根据我的要求进行了编辑，但它不起作用

var selVal = ele.options[ele.selectedIndex].value;

下面给出的示例是下拉列表中的列表。选择选项1时，应显示一组问题；选择选项2时，应显示一组不同的问题

<div id='q1'>
<b> Where is the caller from ? </b>

<select id="category" onChange="selDivision(this)">
    <option value="1">Store</option>
    <option value="2" >Office</option>
    </select>
<br />
<br />

打电话的人是哪里人？
商场
办公室

将显示所有表单内容，而不是我的要求

首先应该只显示下拉列表，一旦选择了一个选项，问题集必须显示在下面

我使用简单的js脚本作为后端

在这方面需要进一步援助

用于隐藏和显示功能的代码的一部分

    $(document).ready(function(){

  //init();


  //$("#q1b").hide();
  $("#1q").hide();
  $("#2q").hide();
  $("#3q").hide();
  $("#4q").hide();
  $("#5q").hide();
  $("#6q").hide();
  $("#7q").hide();
  $("#8q").hide();
  $("#9q").hide();
  $("#10q").hide();

 $("#1a").hide();$("#1b").hide();$("#1c").hide();$("#1d").hide();$("#1e").hide();$("#1f").hide();$("#1g").hide();
 $("#2a").hide();$("#2b").hide();$("#2c").hide();$("#2d").hide();$("#2e").hide();$("#2f").hide();$("#2g").hide();

  setDisabled('q1',false);
  setDisabled('1q',false);
  setDisabled('2q',false);
  setDisabled('3q',false);
  setDisabled('4q',false);
  setDisabled('5q',false);
  setDisabled('6q',false);
  setDisabled('7q',false);
  setDisabled('8q',false);
  setDisabled('9q',false);
  setDisabled('10q',false);

  clear_form_elements(document.getElementById('test'));

});

function selDivision(ele)
{
    var selVal = ele.options[ele.selectedIndex].value;

    if(selVal == "1")
    {
        $('#1q').show(); setDisabled('q1',true);
        $("#1a").show();$("#1b").show();$("#1c").show();$("#1d").show();$("#1e").show();$("#1f").show();$("#1g").show();

    }
    if(selVal == "2" )
    {
        $('#2q').show(); setDisabled('q1',true);
        $("#2a").show();$("#2b").show();$("#2c").show();$("#2d").show();$("#2e").show();$("#2f").show();$("#2g").show();$("#2h").show();$("#2i").show();


    }
    Val=selVal;
}

</script>

</head>

$（文档）.ready（函数（）{
//init（）；
//$（“#q1b”）.hide（）；
$（“#1q”）.hide（）；
$（“#2q”）.hide（）；
$（“#3q”）.hide（）；
$（“#4q”）.hide（）；
$（“#5q”）.hide（）；
$（“#6q”）.hide（）；
$（“#7q”）.hide（）；
$（“#8q”）.hide（）；
$（“#9q”）.hide（）；
$（“#10q”）.hide（）；
$（“1a”）.hide（）；$（“1b”）.hide（）；$（“1c”）.hide（）；$（“1d”）.hide（）；$（“1e”）.hide（）；$（“1f”）.hide（）；$（“1f”）.hide（）；$（“1g”）.hide（）；
$（“#2a”）.hide（）；$（“#2b”）.hide（）；$（“#2c”）.hide（）；$（“#2d”）.hide（）；$（“#2e”）.hide（）；$（“#2f”）.hide（）；$（“#2g”）.hide（）；
setDisabled（'q1'，false）；
setDisabled（'1q'，false）；
setDisabled（'2q'，false）；
setDisabled（'3q'，false）；
setDisabled（'4q'，false）；
setDisabled（'5q'，false）；
setDisabled（'6q'，false）；
setDisabled（'7q'，false）；
setDisabled（'8q'，false）；
setDisabled（'9q'，false）；
setDisabled（'10q'，false）；
清除表单元素（document.getElementById（'test'）；
});
功能分区（ele）
{
var selVal=ele.options[ele.selectedIndex].value；
如果（选择值=“1”）
{
$（'#1q'）.show（）；setDisabled（'q1'，true）；
美元（“#1a”）.show（）；$（“#1b”）.show（）；$（“#1c”）.show（）；$（“#1d”）.show（）；$（“#1e”）.show（）；$（“#1f”）.show（）；$（“#1g”）.show（）；
}
如果（选择值=“2”）
{
$（'#2q'）.show（）；setDisabled（'q1'，true）；
$（“#2a”）.show（）；$（“#2b”）.show（）；$（“#2c”）.show（）；$（“#2d”）.show（）；$（“#2e”）.show（）；$（“#2f”）.show（）$（“#2g”）.show（）$（“#2h”）.show（）$（“#2i”）.show（）；
}
Val=selVal；
}

第一季度第二季度是下拉列表中的问题

其他变量是选项下的问题。

像这样尝试

  <div id='questions' style="display:none">
   <div id='q1' style="display:none">
      <b> Question 1? </b>
      <b> a. ans1</b>
      <b> b. ans2</b>
   <b> c. ans3</b>
  </div>
  <div id='q2' style="display:none">
     <b> Question 2 ? </b>
     <b> a. ans1</b>
     <b> b. ans2</b>
     <b> c. ans3</b>
  </div>
  </div>
 <select id="category">
    <option value="0">-select-</option>
  <option value="1">Store</option>
  <option value="2" >Office</option>
   </select>
 <br />

<script>

$('#category').on("change",function() {
//Hide all Questions in first time
  $('#questions div').hide();

//get selected value
  var id=$('#category').val();
//display
  $('#questions').show();
  $('#q'+id).show();
});

 </script>

问题1？
A.ans1
Bans2
Cans3
问题2？
A.ans1
Bans2
Cans3
-挑选-
商场
办公室


$（'#category'）。关于（“更改”，函数（）{
//在第一时间隐藏所有问题
$（“#问题div”）.hide（）；
//获取选定值
var id=$（'#category'）.val（）；
//展示
$（“#问题”）.show（）；
$（'#q'+id）.show（）；
});

---

这里是工作示例

请发布您的全部代码。您好。。这有点帮助。。但是它仍然没有达到我的目的。。这是我想要的wat的链接。。从下拉列表中选择选项后，应显示问题。