实现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";

         }

     }

巴特西

实现api开发实例页面

最新文章

热门文章