Jquery: use URL as selector

Question

I have a select box

<select id="be-variants-select" class="form-control" name="tx_cart_cart[beVariants][1]" required="">
   <option value="">Please choose ...</option>
   <option value="5" data-regular-price="16,95 €">40 x 40</option>
   <option value="6" data-regular-price="14,95 €" disabled="">60 x 30</option>
</select>

I append some text to an option value in some cases

$(document).ready(function() {
$('[disabled=""]','select.form-control').append(' - xxx');
})

The website has to languages with different URLs:

https://my-domain/.../
https://my-domain/de/.../

How do I have to extend the selector to get the opportunity for different appending text for the two languages?

get the url with window.location.href and then in an if/else block append different text depending on what the url is — chiliNUT
– chiliNUT, Commented Jan 19, 2020 at 12:02
I just want to check if '/de/' is included in the pathname and not the whole url because the urls can be different. I extended my question a little bit. — Robert
– Robert, Commented Jan 19, 2020 at 12:45
then use window.location.pathname, the same advice applies though, use the typical string manipulation methods to search the path for what you're looking for — chiliNUT
– chiliNUT, Commented Jan 19, 2020 at 12:51
You can use if (window.location.href.search('/de/') > -1) {} — elveti
– elveti, Commented Jan 19, 2020 at 12:58

mplungjan · Accepted Answer · 2020-01-19 16:07:37Z

1

Here is a safer version

$(function () {
  // replace the test url with window.location.href when you use the script
  var url = new URL('https://whatever/de/something') // new URL(window.location.href);
  var append = url.pathname.split('/').includes('de') ? "-xxx":"-yyy"
  $('[disabled=""]', 'select.form-control').append(append);
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="be-variants-select" class="form-control" name="tx_cart_cart[beVariants][1]" required="">
   <option value="">Please choose ...</option>
   <option value="5" data-regular-price="16,95 €">40 x 40</option>
   <option value="6" data-regular-price="14,95 €" disabled="">60 x 30</option>
</select>

edited Jan 19, 2020 at 16:07

answered Jan 19, 2020 at 13:59

mplungjan

180k29 gold badges183 silver badges246 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Robert Over a year ago

I don't understand the 'something'. I have a lot of different urls to check so I don't know what I have to replace 'something' with.

mplungjan Over a year ago

Replace MY string used to test the code HERE with window.location.href!!!

mplungjan · Accepted Answer · 2020-01-19 13:55:36Z

0

In the meantime I found this solution. Thanks to @chiliNUT für his help.

$(document).ready(function () {
  var url = window.location.href;
  if(url.includes('/de/')) {
    ($('[disabled=""]', 'select.form-control').append(' - xxx'));
  }
  else {
    ($('[disabled=""]', 'select.form-control').append(' - yyy'));
  }
});

edited Jan 19, 2020 at 13:55

mplungjan

180k29 gold badges183 silver badges246 bronze badges

answered Jan 19, 2020 at 13:07

Robert

5923 silver badges21 bronze badges

Collectives™ on Stack Overflow

Jquery: use URL as selector

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related