能帮我写个这个代码页面的例子吗????选项反正就是对应为了生成这个链接
完成的版本
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title> 页面名称 </title>
</head>
<body>
提取数量:<input id="qty" type="range" min="1" max="500" value="1"/><br>
IP时长:<select id="time">
<option value="10" selected="selected">10分钟</option>
<option value="20">20分钟</option>
<option value="30">30分钟</option>
</select><br />
地区:<select id="country">
<option value="us" selected="selected">美国</option>
<option value="ch">中国</option>
</select><br />
去重提取:<select id="filter">
<option value="1" selected="selected">去重</option>
<option value="0">不去重</option>
</select><br />
提取格式:<select id="format">
<option value="txt" selected="selected">txt</option>
<option value="doc">doc</option>
</select><br />
协议:<select id="protocol">
<option value="socks5" selected="selected">socks5</option>
<option value="http">http</option>
</select><br />
token码:<input type="text" id="token" value="" /><br />
<input type="button" value="生成api链接" onclick="fun();" /><br />
<a id="link" href="" target="_blank"></a><br />
<script type="text/javascript">
function fun() {
var qty = encodeURIComponent(document.getElementById("qty").value);
var time = encodeURIComponent(document.getElementById("time").value);
var country = encodeURIComponent(document.getElementById("country").value);
var filter = encodeURIComponent(document.getElementById("filter").value);
var format = encodeURIComponent(document.getElementById("format").value);
var protocol = encodeURIComponent(document.getElementById("protocol").value);
var token = encodeURIComponent(document.getElementById("token").value);
var url = 'http://love.prox-ti.site:8088/user_get_ip_list?token='+ token +'&qty='+ qty +'&country='+ country +'&time='+ time +'&format='+ format +'&protocol='+ protocol +'&filter='+ filter;
var a = document.getElementById("link");
a.href = url;
a.innerText = url;
}
</script>
</body>
</html>