Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/463.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果在“选择元素”中选择了abc,则如何在第二个“选择元素”中选择abc组项目_Javascript - Fatal编程技术网

Javascript 如果在“选择元素”中选择了abc,则如何在第二个“选择元素”中选择abc组项目

Javascript 如果在“选择元素”中选择了abc,则如何在第二个“选择元素”中选择abc组项目,javascript,Javascript,有两个选择元素。如果在第一个选择元素中选择了abc值,则abc组项目将在第二个选择元素中发生 我想这样做。这个怎么做 <select id="bolum" onChange="giveSelection(this.value)"> <option value="bp">bp</option> <option value="mv">mv</option> </select> <select id="ders"&g

有两个选择元素。如果在第一个选择元素中选择了abc值,则abc组项目将在第二个选择元素中发生

我想这样做。这个怎么做

<select id="bolum" onChange="giveSelection(this.value)">
  <option value="bp">bp</option>
  <option value="mv">mv</option>
</select>
<select id="ders">
  <option data-option="bp">gorsel</option>
  <option data-option="bp">internet</option>
  <option data-option="mv">vergi</option>
  <option data-option="mv">maths</option>
</select>


var bolum = document.querySelector('#bolum');
var ders = document.querySelector('#ders');
var options2 = ders.querySelectorAll('option');

        function giveSelection(selValue) {

            ders.innerHTML='';

            for(var i = 0; i < options2.length; i++) 
              {
                if(options2[i].dataset.option === selValue) 
                {
                  ders.appendChild(options2[i]);
                }
              }
        }

giveSelection(bolum.value);

英国石油公司
mv
戈塞尔
互联网
维吉
数学
var bolum=document.querySelector(“#bolum”);
var ders=document.querySelector(“#ders”);
var options2=ders.querySelectorAll(“选项”);
功能选择(selValue){
ders.innerHTML='';
对于(变量i=0;i
使用jQuery执行类似操作

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<select id = 'first'>
    <option disabled selected>--select</option>
    <option>ABC</option>
    <option>123</option>
</select>
<select id = 'second' style = 'display:none'>
</select>
<script>
    var optionsAbc = '<option>A</option><option>B</option>';
    var options123 = '<option>1</option><option>2</option>';
    $("#first").change(function() {
        $("#second").show();
        var value = $(this).val();
        if(value == 'ABC') {
            $("#second").html(optionsAbc);
        } else if (value == '123') {
            $("#second").html(options123);
        }
    });
</script>

--挑选
基础知识
123
var期权ABC=‘AB’;
var期权123='12';
$(“#first”).change(函数(){
$(“#秒”).show();
var值=$(this.val();
如果(值='ABC'){
$(“#秒”).html(选项ABC);
}else if(值='123'){
$(“#秒”).html(选项123);
}
});

看看这个,因为我们帮不了你。请与我们分享您已经尝试过的代码。请向我们展示一些代码,我们不是您的工人@onurcevik“组项目发生”到底是什么意思?澄清问题,并提供一个你陷入困境的例子。我分享代码。不起作用