Javascript 如何更改选择列表中的选项_Javascript_Events_Select_Button

Javascript 如何更改选择列表中的选项

javascript events select button

Javascript 如何更改选择列表中的选项,javascript,events,select,button,Javascript,Events,Select,Button,我有一个关于选择列表更改的事件，我必须在用户选择一个选项后用提示窗口询问用户，他想选择的另一个选项是什么，然后在提示窗口中引入值，所选选项随新选项更改 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Examen modulo1</title> <script> function

我有一个关于选择列表更改的事件，我必须在用户选择一个选项后用提示窗口询问用户，他想选择的另一个选项是什么，然后在提示窗口中引入值，所选选项随新选项更改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Examen modulo1</title>
    <script>

        function cambiaSelect() {
            var provincias = document.getElementById("provincias");
            var posicion = provincias.selectedIndex;
            var select = provincias.options[posicion].value;
            var pantalla;

            // when prompt value is 0
            if (provincias.options[posicion].value == 0) {
                alert("No has seleccionado ninguna provincia");
            } else {
                // when index is selected
                if (provincias.options[posicion].selected == true) {
                    pantalla = prompt("Has seleccionado la provincia: " + provincias.options[posicion].text + "\n Introduce otra provincia aqui:");
                }
                // when prompt do not receive a value
                if (pantalla == "") {
                    alert("El valor que has introducido no existe!\Intentalo de nuevo!");
                }
                //prompt equals the selected value
                if (select == pantalla && provincias.options[posicion].selected == true) {
                    alert("Esa provincia ya esta seleccionada");
                }
            }
        }//cambia
    </script>
</head>

<body>
4.Formulario de tipo select. Selecciona provincias:<br>

<form method="GET">

    <br>
    <select id="provincias">
        <option value="0">0.Selecciona...</option>
        <option value="1">1.Albacete</option>
        <option value="2">2.Murcia</option>
        <option value="3">3.Madrid</option>
    </select><br>
    <br>
    <input type="button" value="Cambiar" onclick="cambiaSelect()"><br>
    <br>
    <br>

</form>
</body>
</html>


考试模块1
函数cambiaSelect（）{
var provincias=document.getElementById（“provincias”）；
var Posicon=省。选择的指数；
var select=provincias.options[posicion].value；
var pantalla；
//当提示值为0时
if（provincias.options[posicion].value==0）{
警报（“没有Selecionado ninguna provincia”）；
}否则{
//选择索引时
if（provincias.options[posicion].selected==true）{
pantalla=prompt（“Has seleccionado la provincia:+provincias.options[posision].text+”\n介绍otra provincia aqui:）；
}
//提示时，不接收值
如果（pantalla==“”）{
警报（“El valor que已引入不存在！\Intentalo de nuevo！”）；
}
//prompt等于所选值
if（select==pantalla&&provincias.options[posicion].selected==true）{
警报（“欧空局省议会”）；
}
}
}//寒武纪
4.tipo选择配方。Seleciona provincias:



0.选择。。。
1.阿尔巴塞特
2.穆尔西亚
3.马德里

您可以通过单击“运行代码片段”来运行下面的代码。如果用户输入3，所选选项将更改为“3.马德里”。西班牙语让我困惑，所以我把它换成了英语，但编程逻辑是一样的




0.选择。。。
1.阿尔巴塞特
2.穆尔西亚
3.马德里


函数cambiaSelect（）{
var PROVICES=document.getElementById（“provincias”）；
变量位置=省份。选择的索引；
var select=省。选项[位置]。值；
var pantalla；
如果（省。选项[position]。值==0）{
警报（“您尚未选择任何省份”）；
}否则{
如果（省。选项[position]。所选==true）{
pantalla=prompt（“您已选择省：“+省。选项[position]。text+”\n在此处选择其他省”）；
while（true）{
if（pantalla）{//这确保了如果用户在提示符上单击cancel，我们不会再执行任何逻辑
如果（pantalla==“”）{
警报（“您输入的值不存在。请重试！”）；
}else if（选择===pantalla）{
警报（“已选择该省”）；
}否则，如果（pantala>=1&&pantala，问题到底是什么？我的观点是：当用户在提示符中引入所需选项的新值时，获取该值并在列表中自动选择它。