JSFiddle - React, Tailwind, and code Playground

HTML

<select>
    <option id="zero">--</option>
    <option id="one">Choice one</option>
    <option id="two">Choice Two</option>
    <option id="three">Choice Three</option>
</select>
<button id="submit">Submit</button>

JavaScript

var select = document.querySelector("select"),
    button = document.querySelector("button");

select.addEventListener("change", function(e) {
    var option = this.options[this.selectedIndex];
    
    switch (option.id) {
        case "zero": button.value = "Choose Location"; break;
        case "one": button.value = "Location one"; break;
        case "two": button.value = "Location two"; break;
        case "three": button.value = "Location three"; break;
    }
});

// just for testing
button.addEventListener("click", function(e) {
    console.log(this.value);
});