实现api开发实例页面

主要实现功能：

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

 

功能分析：

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

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

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

 

demo:

 html部分

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

 

 

js部分

 1 function addJsonValue(){
 2         var api_method=document.getElementById('api_method').value;
 3         var jsonvalue=document.getElementById('json_value');
 4         switch(api_method){
 5             case "cargo_create":
 6                 jsonvalue.value='value1';
 7                 break;
 8             case "cargo_update":
 9                 jsonvalue.value='value2';
10                 break;
11             
12             default:
13                 jsonvalue.value="none";
14         }
15     }

 

转载于:https://www.cnblogs.com/haha520/p/5588889.html