JSFiddle - React, Tailwind, and code Playground

by livewirerules

HTML

<script src="https://d33t3vvu2t2yu5.cloudfront.net/tv.js"></script>
<script src="https://code.jquery.com/jquery-git1.min.js"></script>

<select name="fx" class="fx">
			  <option value="EURUSD">EURUSD</option>
			  <option value="EURJPY">EURJPY</option>
</select>

JavaScript

function changeFX(fx){
  var fxWidget = new TradingView.widget({
	  "width": 500,
	  "height": 400,
	  "symbol": "FX:"+fx,
	  "interval": "1",
	  "timezone": "Etc/UTC",
	  "theme": "White",
	  "style": "2",
	  "locale": "en",
	  "toolbar_bg": "#f1f3f6",
	  "hide_top_toolbar": true,
	  "save_image": false,
	  "hideideas": true
	}); 
  //return themeWidget;
}

$(document).on('change','.fx',function(){
   var widget = changeFX(this.value);
   // do something with widget.
  
  
});