文章/答案/技术大牛

发布

社区首页 >问答首页 >在<option=class>...</option>之间更改文本

问在<option=class>...</option>之间更改文本
EN

Stack Overflow用户

提问于 2017-01-12 18:55:55

回答 1查看 87关注 0票数 0

我有这样的代码：

<select class="cc-product-variant-selectbox j-product__variants" data-action="changeVariant">
  <option class="j-product__variants__item" value="0" data-params="{&quot;price&quot;:158,&quot;priceFormatted&quot;:&quot;158,00 \u20ac&quot;,&quot;oldPriceFormatted&quot;:&quot;0,00 \u20ac&quot;,&quot;basicPrice&quot;:0,&quot;basicPriceFormatted&quot;:&quot;0,00 \u20ac&quot;,&quot;basicPriceUnit&quot;:&quot;&amp;nbsp;&quot;,&quot;oldPrice&quot;:0,&quot;availability&quot;:1,&quot;availabilityText&quot;:&quot;disponibile&quot;,&quot;delivery&quot;:2,&quot;pool&quot;:&quot;Infinity&quot;,&quot;weightFormatted&quot;:&quot;0,1 kg&quot;,&quot;weight&quot;:0.1}"
          title="1 metro     158,00 €" content="1 metro" selected="selected">
    1 metro 158,00 €</option>

我会更改dropbox文本"1地铁158,00欧元“(即在<option>..</option>之间)在"1地铁”，所以没有价格。我在css中尝试了这段代码：

.j-product__variants__item"{content:"1 metro";}

但它不起作用。我怎么解决它呢？

html

css

html-select

回答 1

Stack Overflow用户

发布于 2017-01-12 19:13:36

快速而粗糙的Javascript解决方案：

// document.querySelectorAll('.j-product__variants__item')[0].innerHTML = document.querySelectorAll('.j-product__variants__item')[0].textContent.replace('158,00 €','');

<body onload="document.querySelectorAll('.j-product__variants__item')[0].innerHTML = document.querySelectorAll('.j-product__variants__item')[0].textContent.replace('158,00 €','');">
  <select class="cc-product-variant-selectbox j-product__variants" data-action="changeVariant">
    <option class="j-product__variants__item" value="0" data-params="{&quot;price&quot;:158,&quot;priceFormatted&quot;:&quot;158,00 \u20ac&quot;,&quot;oldPriceFormatted&quot;:&quot;0,00 \u20ac&quot;,&quot;basicPrice&quot;:0,&quot;basicPriceFormatted&quot;:&quot;0,00 \u20ac&quot;,&quot;basicPriceUnit&quot;:&quot;&amp;nbsp;&quot;,&quot;oldPrice&quot;:0,&quot;availability&quot;:1,&quot;availabilityText&quot;:&quot;disponibile&quot;,&quot;delivery&quot;:2,&quot;pool&quot;:&quot;Infinity&quot;,&quot;weightFormatted&quot;:&quot;0,1 kg&quot;,&quot;weight&quot;:0.1}"
    title="1 metro     158,00 €" content="1 metro" selected="selected">
      1 metro 158,00 €</option>
  </select>
</body>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/41611348

复制

相似问题

问在<option=class>...</option>之间更改文本
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在<option=class>...</option>之间更改文本EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在<option=class>...</option>之间更改文本
EN