Robię konwenter jednostek w oparciu o javscript i jquery i mam problem z działaniem pewnej elementarnej dla całego konceptu funkcji w przeglądarce chrome ( na edge i firefox działa bez zarzutu). Funkcja działa w ten sposób że nadpisuje pewien wybrany element html o informację którą zamieszcza w nazwie klasy elementu.

wzór funkcji

[HTML] pobierz, plaintext 
 
 function nadpisz(curs,zm)
	 {
 
 
 
		$(curs).removeClass() ;	  
                $(curs).addClass(zm) ;    
 
 
 
 
	 }
 
// przykład użycia nadpisz('#example','xyz') ; <- czyli element html o id example otrzyma klasę xyz a jeśli miał wcześniej inną to zostanie ona skasowana
 
[HTML] pobierz, plaintext 

Problem polega na tym że Chrome w jednym miejscu mi tą funkcję wykonuję ( przy wyborze jednostki docelowej na którą chce zkonwertować jakąś liczbę ) ale już nie chce z nie wiadomych przyczyn tego zrobić w innym miejscu ( w którym wybiera się jednostkę pierwotną z której liczba ma być konwertowana).

kod html dla wadliwej (w chrome) części

[HTML] pobierz, plaintext 
<select id="unit2" >
<option>Jednostki wagi</option>
<option onclick="nadpisz('#weight #unit2','lb')">Funt[lb]</option>
<option onclick="nadpisz('#weight #unit2','oz')">Uncja[oz]</option>
<option onclick="nadpisz('#weight #unit2','gr')">Gram</option>
<option onclick="nadpisz('#weight #unit2','dec')">Decagram</option>
<option onclick="nadpisz('#weight #unit2','kg')">kilogram</option>
<option onclick="nadpisz('#weight #unit2','tona_euro')">tona_euro</option>
<option onclick="nadpisz('#weight #unit2','tona_usa')">tona_usa</option>
</select>
[HTML] pobierz, plaintext 

oraz dla tej co działa

[HTML] pobierz, plaintext 
<div id="center">
  <br><span onclick="nadpisz('#weight #center','lb')">Funt[lb]</span>
  <br><span onclick="nadpisz('#weight #center','oz')">Uncja[oz]</span>
  <br><span onclick="nadpisz('#weight #center','gr')">Gram</span>
  <br><span onclick="nadpisz('#weight #center','dec')">Decagram</span>
  <br><span onclick="nadpisz('#weight #center','kg')">kilogram</span>
  <br><span onclick="nadpisz('#weight #center','tona_euro')">tona_euro</span>
  <br><span onclick="nadpisz('#weight #center','tona_usa')">tona_usa</span>
  </div>
[HTML] pobierz, plaintext 

Jak dogodzić produktowi firmy google, bo nie mam pojęcie dlaczego tak grymasi podczas gdy na innych przeglądarkach wszystko chula. Dzięki z góry za info.

Na stronie jest jeden element o id=weight?

Tak. Gdyby było kilka wiem że jqery by się gubił, tylko że jeden div jest w samym Chrome dobrze nadpisywany, a ten drugi nie wiadomo czemu nie reaguje.

To wrzuć fragment HTML i JS na https://jsfiddle.net/

Przy okazji:
1. Skoro korzystasz z jQuery, to zdarzenia możesz podpinać w inny sposób.
2. Wystarczy $(curs).attr('class', zm) zamiast tych dwóch linijek. Co się sprowadza do tego, że funkcja nadpisz nie jest potrzebna.

Dzięki za pomoc w szukaniu odpowiedzi ale ją znalazłem i okazała się być banalna lecz utwierdziła mnie tylko w przekonaniu że wolę backend od frontendu . Niewiedzieć czemu problemem okazał się być dla Chroma znacznik select - zmieniłem na div o danym id i jquery prawidłowo mi go nadpisuje. Ale znacznika select za nic.



"Wystarczy $(curs).attr('class', zm) zamiast tych dwóch linijek. Co się sprowadza do tego, że funkcja nadpisz nie jest potrzebna " - Nie, ponieważ jeżeli klient zmieni jednostkę miary której oznaczenie jest zapisywane w klasie to system zwariuje. Najpierw trzeba usunąć choćby prewencyjnie starą klasę a potem dodać nową ( bo i naczej w artybucie class znajdą się np "kg tona" )

Najlepiej jakbyś <select> obsłużył zdarzeniem change, a nie click na każdą opcję.

A wiesz co robi funkcja attr('class', zm)? Ustawia klasę o wartości zmiennej zm, więc nic nie trzeba czyścić.