我有以下示例代码。当用户添加affid和URL时,他们可以将URL转换为特定格式。
Affid
<input type="text" id="affid">
URL
<input type="text" id="url">
<button id="convert">Convert</button><br>
<hr>
<h4>output</h4>
<input type="text" id="output"> <button id="select">Select</button>
<br>
<strong>Input:</strong> http://www.flipkart.com/asus-zenfone-4-a400cg/p/itmeygpv4uxt4gjx?pid=MOBDXZ9WQFBAY2XX<br>
<strong>Output:</strong> http://dl.flipkart.com/dl/asus-zenfone-4-a400cg/p/itmeygpv4uxt4gjx?pid=MOBDXZ9WQFBAY2XX&affid=waz<br>
如果用户输入 affId waz 和网址 http://www.flipkart.com/asus-zenfone-4-a400cg/p/itmeygpv4uxt4gjx?pid=MOBDXZ9WQFBAY2XX
输出应该是 http://dl.flipkart.com/dl/asus-zenfone-4-a400cg/p/itmeygpv4uxt4gjx?pid=MOBDXZ9WQFBAY2XX&affid=waz
答案 0 :(得分:1)
查看http://jsfiddle.net/we070pgL/1/
从你的小提琴我假设你将使用jQuery。如果你不想要jQuery,你只需要将jQuery选择器更改为getElementById()
获取字段并操作并在输出框中显示的功能
function ConvertURL(){
var URL = $("#url").val();
var Affid = $("#affid").val();
URL = URL.replace("www","dl");
var position = URL.indexOf(".com");
URL = [URL.slice(0, position+5), "dl/", URL.slice(position+5)].join('');
var convertedURL = URL+"&affid="+Affid;
$("#output").val(convertedURL);
}
HTML更改
<button id="convert" onclick="ConvertURL()">