首页手记表单代码。自用模板哈哈哈

表单代码。自用模板哈哈哈

标签：

JQuery


<script type="text/javascript">
   window.onload = function(){
      $.ajax({
           url:,
           dataType:'json',
           success:function(list){
              //取到数据之后
              for(var i in list){
                 $('#type').html('<option value='+ i +'>'+ list[i] +'</option>');
              }
           }
      })
   }
     function change(this){
     alert(1);
        if($(this).val() == '1'){
            $('#select').show()
        }else{
            $('#select').hide();
        }
     }
  </script>
  <body>
    <form>
        <ul>
          <li> 
            <label for="type">
                <span>题目类型：</span>
                <select name="type" id="type" onchange="change(this)">
                    <option value="1" selected="selected">选择题</option>
                    <option value="2">填空题</option>
                    <option value="3">问答题</option>
                </select>
            </label>
           </li>
           <li>
               <div class="form-group col-md-10"">
                    <label>
                        <span>知识点</span>
                        <select name="type" id="type" onchange="change(this)">
                        <!--ajax,后端获取  -->
                        </select>
                    </label>
                </div>
            </li>
            <li>
            <div class="form-group col-md-10">
            <label for="questionTitle">
                <span>题目：</span>
                <input name="questionTitle" id="questionTitle"/>
            </label>
            </div>
            </li>
            <li>
            <div class="form-group col-md-10" >
            <label for="choice" id="select">
                <span>选项:</span>
                <input name="choice" id="choice"/>
            </label>
            </div>
            </li>
            <li>
            <div class="form-group col-md-10">
            <label for="answer">
                <span>参考答案</span>
                <textarea name="answer" id="answer" rows="" cols=""></textarea>
            </label>
            </div>
            </li>
        </ul>
    </form>

点击查看更多内容