Javascript 仅从第二次开始选择工作_Javascript_Html

Javascript 仅从第二次开始选择工作

javascript html

Javascript 仅从第二次开始选择工作,javascript,html,Javascript,Html,我有下面的代码按需要工作，但on select仅在第二次select更改时起作用知道怎么解决吗按如下所示将您的更改更改更改为：工作示例@ 按如下所示将您的更改更改更改为：工作示例@ 这也适用于jquery 这也适用于jquery 同意塞伯内特 sel1.onchange=函数{…} 这意味着您将事件附加到元素，但不执行它。同意Cybernate sel1.onchange=函数{…} 这意味着您将事件附加到元素，但不执行它。如果有人想知道这个问题是关于什么的。。。函数的双重定义。删除se

我有下面的代码按需要工作，但on select仅在第二次select更改时起作用

知道怎么解决吗

按如下所示将您的更改更改更改为：

工作示例@

按如下所示将您的更改更改更改为：

工作示例@

这也适用于jquery

同意塞伯内特

sel1.onchange=函数{…} 这意味着您将事件附加到元素，但不执行它。

同意Cybernate

sel1.onchange=函数{…}

这意味着您将事件附加到元素，但不执行它。

如果有人想知道这个问题是关于什么的。。。函数的双重定义。删除sel1.onchange=函数{and one}和。。。。就这样。谢谢@cybernate如果有人想知道这个问题是关于什么的。。。函数的双重定义。删除sel1.onchange=函数{and one}和。。。。就这样。谢谢你@Cybernate

<html>
<head>

<title>select & select</title>


<script type='text/javascript'>

var select2data = {

  'English': [['One', 1], ['Two', 2], ['Three', 3]],
  'Spanish': [['Uno', 1], ['Dos', 2], ['Tres', 3]]
};


function change_second_select(){
var sel1 = document.getElementById('select1')
  , sel2 = document.getElementById('select2');
sel1.onchange = function() {
  var os = select2data[sel1.value]; // Get the options required by select1.
  if (os) {
    sel2.options.length = 0; // Clear the options for select2.
    for (var i=0; i<os.length; i++) {
      var o = new Option(os[i][0], os[i][1]);
      try { // Add each option, allowing for browser differences.
        sel2.add(o);
      } catch (ex) {
        sel2.add(o, null);
      }
    }
    sel2.selectedIndex = 0;

  }
  return true;
};
}


</script>


<select id="select1" onchange="change_second_select();">
<option value="English">English</option>
<option value="Spanish">Spanish</option>
</select>
<select id="select2">

</select>


</head>
    </html>

function change_second_select(){
var sel1 = document.getElementById('select1')
  , sel2 = document.getElementById('select2');
  var os = select2data[sel1.value]; // Get the options required by select1.
  if (os) {
    sel2.options.length = 0; // Clear the options for select2.
    for (var i=0; i<os.length; i++) {
      var o = new Option(os[i][0], os[i][1]);
      try { // Add each option, allowing for browser differences.
        sel2.add(o);
      } catch (ex) {
        sel2.add(o, null);
      }
    }
    sel2.selectedIndex = 0;

  }
  return true;
}

var select2data = {

  'English': [['One', 1], ['Two', 2], ['Three', 3]],
  'Spanish': [['Uno', 1], ['Dos', 2], ['Tres', 3]]
};

    $(document).ready(function() {
        $("#select1").bind("change", function() {
          sel2 = $("#select2").get(0);
          var os = select2data[this.value];
          if (os) {
                sel2.options.length = 0; // Clear the options for select2.
                for (var i=0; i<os.length; i++) {
                  var o = new Option(os[i][0], os[i][1]);
                  try {
                     // Add each option, allowing for browser differences.
                     sel2.add(o);
                  }
                  catch (ex) {
                     sel2.add(o, null);
                  }
               }
               sel2.selectedIndex = 0;
          }
          return true;
        });
    });

</script>


<select id="select1">
<option value="English">English</option>
<option value="Spanish">Spanish</option>
</select>
<select id="select2">