php - 隐藏运输方式价格并仅显示运输方式标题
问题描述
请参考视频参考链接:“https://www.loom.com/share/e3fb59a2423545aca06f40ec864d7af1”</p>
我在结账时根据区域有近 30 种运输方式,我只需要显示运输方式标题并隐藏其成本,因此用户只能看到添加到他们的运费中的总总额
无法定位价格类 id(在 CSS 中实现 none 属性)以单独隐藏价格,因为两者都显示为同名类 id
我还检查了其他禁用的插件,例如购物车流或运输方式显示样式,但无法做到
你能检查一下这个问题吗?
谢谢!
解决方案
请尝试下面的 javascript 代码,因为价格不在单独的类别中,所以我们需要去掉 " : " 之后的字符串。我已经使用您的运输方式测试了脚本并且它有效。将脚本放在页面的页脚或网站的页脚中。
var x = document.getElementById("shipping_method_0");
for(var i=0; i<=x.length-1; i++) {
var opt = x.options[i];
var opt_curr_label = opt.innerText;
var opt_new = opt_curr_label.substr(0, opt_curr_label.lastIndexOf(":"));
opt.label = opt_new;
}
<html lang="en" dir="ltr">
<body>
<select name="shipping_method[0]" data-index="0" id="shipping_method_0" class="shipping_method">
<option value="flat_rate:6" selected="selected">Select Your Area Ammanur: ₹40.00</option>
<option value="flat_rate:7">Ambedkar Nagar: ₹25.00</option>
<option value="flat_rate:43">Arakkonam State Highways: ₹25.00</option>
<option value="flat_rate:8">Ashok Nagar: ₹30.00</option>
<option value="flat_rate:9">Ganesh Nagar: ₹30.00</option>
<option value="flat_rate:10">Gandhi Nagar: ₹30.00</option>
<option value="flat_rate:11">Galivari Kandigai: ₹40.00</option>
<option value="flat_rate:12">Jawahar Nagar In & Out: ₹40.00</option>
<option value="flat_rate:41">Jothi Nagar: ₹25.00</option>
<option value="flat_rate:13">Kainoor Railway Gate Near: ₹35.00</option>
<option value="flat_rate:14">Krishna Polytechnic Surrounding: ₹30.00</option>
<option value="flat_rate:15">Kilkuppam: ₹50.00</option>
<option value="flat_rate:16">Lakshmi Nagar: ₹30.00</option>
<option value="flat_rate:17">Madhava Nagar: ₹30.00</option>
<option value="flat_rate:18">Mangammapet: ₹35.00</option>
<option value="flat_rate:93">Mangammapet outer: ₹40.00</option>
<option value="flat_rate:19">Netaji Nagar: ₹40.00</option>
<option value="flat_rate:20">Nehruji Nagar: ₹25.00</option>
<option value="flat_rate:21">Nagaalamma Nagar: ₹40.00</option>
<option value="flat_rate:22">Palanipet: ₹30.00</option>
<option value="flat_rate:23">Palanipet (Outer): ₹35.00</option>
<option value="flat_rate:24">Perumuchi: ₹50.00</option>
<option value="flat_rate:25">Polur: ₹50.00</option>
<option value="flat_rate:26">Puliyamangalam Railway Station (7am-5pm): ₹40.00</option>
<option value="flat_rate:27">Rajaji Nagar: ₹25.00</option>
<option value="flat_rate:28">Railway Hospital Circle: ₹30.00</option>
<option value="flat_rate:42">SBI Surrounding: ₹35.00</option>
<option value="flat_rate:29">Shah Nagar: ₹40.00</option>
<option value="flat_rate:30">Sivasakthi Nagar Near: ₹40.00</option>
<option value="flat_rate:31">SR Gate: ₹30.00</option>
<option value="flat_rate:32">Stuartpet Circle: ₹25.00</option>
<option value="flat_rate:33">Taluk Office Backside: ₹25.00</option>
<option value="flat_rate:34">Thandalam: ₹50.00</option>
<option value="flat_rate:35">Town Hall Streets: ₹25.00</option>
<option value="flat_rate:36">TN Housing Board: ₹25.00</option>
<option value="flat_rate:37">Upparapalayam: ₹35.00</option>
<option value="flat_rate:38">Uppukulam surrounding: ₹25.00</option>
<option value="flat_rate:39">Venkatesapuram: ₹40.00</option>
<option value="flat_rate:40">Winterpet: ₹30.00</option>
</select>
</body>
</html>
推荐阅读
- ubuntu - 在 localhost (Ubuntu14.1) 中使用 NGINX 服务器托管多个网站
- corda - 在corda的api文件中状态为散列的值的类型是什么?
- javascript - 无法将属性读取为未定义的小写
- ios - 科尔多瓦应用程序中缺少框架的 Info.plist 文件
- python - 带有大型数据集的 Python 中的不安绘图
- asp.net-core - Swagger 在本地给出 403 错误
- php - 如何获取/打印实体引用的路径或 URL 到我的树枝模板(Drupal 8)?
- kubernetes - kubernetes envFrom:如何加载位于 pod 文件系统文件中的变量
- sql - 当要更新的每一行都是不同的值时如何更新现有表
- android - 将项目导入Android Studio时如何使自动gradle构建静音?