实现api开发实例页面

主要实现功能：

　　1.通过点击不同的option选项，自动生成不同的代码。

功能分析：

　　1.点击不同的option选项，这里其实就是使用了一个事件即onchange，把这个事件放在<select>中就行了。通过不同的option的value的值来确定生成

不同的数据传输代码，我开发的使用的json代码。

　　2.在事件中通过得到value值，对<textarea>进行赋值，即更改<textarea>的value值，这个可以使用document.getElementById().value来改变其值

demo:

html部分

  <select class="form-control" name="api_method" onchange="addJsonValue()" id="api_method">
                 <option value="cargo_create">创建大货运单（cargo_create）</option>
                 <option value="cargo_update">更新大货运单（cargo_update）</option>
 </select>

js部分

 function addJsonValue(){
         var api_method=document.getElementById('api_method').value;
         var jsonvalue=document.getElementById('json_value');
         switch(api_method){
             case "cargo_create":
                 jsonvalue.value='value1';
                 break;
             case "cargo_update":
                 jsonvalue.value='value2';
                 break;

             default:
                 jsonvalue.value="none";
         }
     }