javascript - Set input attribute based on slected option -
hi guys i'm bit lost @ moment. i'm trying set sku of input field based on selected option. i've tried code below. doesn't seem working. please try provide insight can.
here's html
<select id="track_type_selected"> <option value="0">51 track 3m</option> <option value="1">64 track 3m</option> <option value="2">103 track 3m</option> </select> <input type="number" name="required_tracks_name" id="required_tracks_id" class="sku" sku="" disabled="">
and here's javascript.
if ('#track_type_selected' == 1) { '#required_tracks_id'.sku('track3'); }else if('#track_type_selected' == 2) { '#required_tracks_id'.sku('trk30'); }else if ('#track_type_selected' == 3) { '#required_tracks_id'.sku('track-1033'); }
basically option equal set value. need sku set set value.
before go on solution, can understand have basic 0 knowledge javascript.. make sure understand how javascript syntax works continue.
to selected option use code:
var e = document.getelementbyid("track_type_selected"); var selectedindex = e.options[e.selectedindex].value;
selectedindex
variable should include current selected index. (1,2,3.. etc)
so can this:
if(selectedindex==1){/* code */}
now, sku attribute (since confirmed use jquery) can this:
$("#required_tracks_id").attr("sku");
make sure check .attr usage , edit needs.
Comments
Post a Comment