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