JS obtiene una instancia simple de valor seleccionado y valor de texto

La copia del código es la siguiente:

<select id = "cityList">

<select id = "selectid">

<opción valor = "0"> 0th </opción>

</select>

<script>

var selectobj = document.getElementById ('selectId');

// Agregar opción a través del objeto

selectId.add (nueva opción ("Primero", "1"))

selectId.Add (nueva opción ("Segunda", "2"))

// Agregar opción por ID

selectID.Add (nueva opción ("tercera", "3"))

selectId.add (nueva opción ("Cuarto", "4"))

// Agregar métodos a través de ID (también puede agregar métodos a través de objetos)

selectID.onchange = function () {

// Obtener valor y texto a través del objeto

alerta (selectObj.Value);

alerta (selectObj.options [selectObj.SelectedIndex] .Text);

// Obtener valor y texto a través de ID

alerta (selectId.Value);

alerta (selectID.options [selectID.SelectedIndex] .Text);

// También puede obtener valor y texto a través de este

alerta (this.value);

alerta (this.options [this.selectedIndex] .Text);

};

</script>