JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<select id="chrt_time">
        <option value="1" selected="selected">24 hours</option>
        <option value="2">6 months</option>
        <option value="3">1 year</option>
        <option value="4">5 years</option>
        <option value="5">10 years</option>
        <option value="6">20 years</option>
    </select>

JavaScript

var time_selection = "5";

// works, and it's the easy way
//$("#chrt_time").val(time_selection);

// works, since properties are dynamic; no need to unselect the old
$("#chrt_time option[value=" + time_selection + "]").prop("selected", true);

// doesn't work, attributes aren't dynamic
//$("#chrt_time option[selected]").removeAttr("selected");
//$("#chrt_time option[value=" + time_selection + "]").attr("selected", "selected");