从选项中拆分文本并替换

Question

我正在 Joomla 中做一些事情，我有自定义字段 select 尺寸的床垫。

我输入了 220x200|image.png 的值，这样我就可以选择图像 url 并将其放在网站上的某处，例如 selected 选项。

所以我将这段文本拆分成数组并且它起作用了。但是，如果我有更多具有不同值的选项，字符串 "array" 有多个值，例如 array[0] 是“220x200”和“200x180”。

这是我的代码：

jQuery('#customProductData9042444customsforall_option').find('option').each(function() {
    var naziv = jQuery(this).text();
    var array = naziv.split("|");
    jQuery(this).text(array[0]);

    jQuery('#customProductData9042444customsforall_option').on('change', function() {
        jQuery('.skica img').attr("src","/namestaj/images/skice/"+array[1]);
        console.log(array);
    });

});

演示 link：http://proba.wh.rs/namestaj/prodavnica/horizontali-singl-zidni-kreveti/h-90x200-otvoren-model-detail.html

Answer 1

你不需要那么多代码，你要做的是：

a) 更改 select 框时获得 selected 选项文本

b) 通过|拆分它并得到最后一个值

c) 在图像中使用此值 URL。

按如下操作：

jQuery('#customProductData9042444customsforall_option').on('change', function() {
    var imageName = jQuery(this).find('option:selected').text().split("|")[1];
    jQuery('.skica img').attr("src","/namestaj/images/skice/"+imageName);
});

从选项中拆分文本并替换

Split Text from Option and replace

jquery

arrays

split

option