怎么获取URL地址栏两个指定字符并自动填入两个指定input内。

最新推荐文章于 2022-06-02 12:00:45 发布

liuji0517

最新推荐文章于 2022-06-02 12:00:45 发布

阅读量362

点赞数

本文链接：https://blog.csdn.net/liuji0517/article/details/105575636

版权

怎么获取URL地址栏两个指定字符并自动填入两个指定input内。要能获取中文字符不乱码的。
例如
http://xxx.xxx.xxx/product/list.html?洗衣机=1300

<div class="form">
  <div><span>品名:</span>
    <input id="pop" type="text" name="pop" value="" >这里是URL地址的“洗衣机”
  </div>
</div>
<div class="form">
  <div class="box"><span>价格:</span>
    <input id="mob" type="text" name="mob" value="">这里是URL地址的“1300”
  </div>
</div>
<div class="form">
  <div class="box"><span>数量:</span>
    <input id="show" type="text" name="show" value="">
  </div>
  <div class="btn">
    <input type="button" value="提交">
  </div>
</div>
在第一个input自动填入URL的“洗衣机”，在第二个input自动填入URL的“1300”

这个是固定的URL，资源代下载动态的URL可以实现吗？http://xxx.xxx.xxx/product/list.html?洗衣机=1300；洗衣机和 1300这两个地方是动态的，是变化的，例如http://xxx.xxx.xxx/product/list.html?电视机=1600；http: //xxx.xxx.xxx/product/list.html?饮水机=100；http://xxx.xxx.xxx/product /list.html?手机=3300等等。

看下这个帖子
https://blog.csdn.net/a17603952050/article/details/90751481

window.location可以获得url;

然后截取你应该可以弄了吧；

<script type="text/javascript">

function getcontent(){

var tt1 = window.location.pathname;

debugger;

var ss =document.getElementsByClassName('vv');

ss[0].value=tt1;

ss[1].value=tt1;

}

</script>

<body>

<div id="app">

</div>

<button onClick="getcontent()">按钮</button>

<input id="text1" class="vv" type="text" value="" />

<input id="text2" class="vv" type="text" value="" />

</body>

具体你打断点看下改把

window.onload = function(){

// 获取当前url地址如：http://xxx.xxx.xxx/product/list.html?洗衣机=1300

var url = window.location.href;

// url按照?分割为数组,并取?后的字符串 str1 = '%E6%B4%97%E8%A1%A3%E6%9C%BA=1300'

var str1 = url.split("?")[1];

// 字符串按照=分割为数组 arr= ['%E6%B4%97%E8%A1%A3%E6%9C%BA',1300]

var arr = str1.split("=");

// 此参数是中文，所以需要解码 key=洗衣机 val=1300

var key = decodeURIComponent(arr[0]);

var val = arr[1];

// 赋值

document.getElementById('pop').value = key;

document.getElementById('mob').value = val;

}

可以满足你说的url是动态变化的。但是只满足url上有一个参数的。多个参数的未处理.

liuji0517

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
怎么获取URL地址栏两个指定字符并自动填入两个指定input内。

怎么获取URL地址栏两个指定字符并自动填入两个指定input内。要能获取中文字符不乱码的。例如http://xxx.xxx.xxx/product/list.html?洗衣机=1300<divclass="form"><div><span>品名:</span><inputid="pop"type="text"nam...
复制链接

扫一扫