选择框内的选择和其他

Select box inside select and other

本文关键字：选择 其他      更新时间：2023-12-28

我想做以下事情：

有一个选择框，

<select name="some" id="some">
    <option value="xx">xx</option>
    <option value="yy">yy</option>
    <option value="ww">ww</option>
    <option value="zz">zz</option>
    <option value="uu">uu</option>
</select>

当我选择选项xx时，打开另一个选择框

<select name="some_xx" id="some_xx">
    <option value="xx">xx</option>
    <option value="yy">yy</option>
    <option value="ww">ww</option>
</select>

然后，如果我在some_xx中选择YY、WW或xx选项，它会加载一些html信息（表单）。ANd在some-select中，如果我选择其他选项（不是xx），它还会加载一些html信息（一个表单）。

所有的表格都不一样，所以我想用所有的表格加载一个外部文件，这可能吗？如何做到这一切？

我知道它会涉及一些javascript，但我真的不知道怎么做，我已经搜索了很多，看到了一些函数，比如load()和createselect，但我不明白。

提前感谢

edit：我有这个代码，但它不是动态的，工作不正常。。。

<script>
$(function(){ 
       function changeForm($(this)) {
            $('#form').load('$(this).html');
       }  
       function changeForm_xx($(this)) {
            $('#form2').load('$(this).html');
       } 
      $('#some').change(function() {
           changeForm($(this));
      });    
      $('#some_xx').change(function() {
           changeForm_xx($(this));
      });
});
</script>

此外，我想在更改选择时删除加载内容

更新：正在工作：关闭

将其更改为这样。你的脚本中有很多错误。请参阅演示：JsFiddle演示

错误列表

  1. function changeForm($(this))//此处添加了Extra圆括号和Jquery obj

  2. $('#form2').load('$(this).html')//这是错误的。您需要按以下方式致电。它是CCD_ 4方法。

     function changeForm(obj) {
   var someVar= $(obj).html();
        $('#form').load(someVar); //here you perform load Operation. 
   }  
   function changeForm_xx(obj) {
      var someVar= $(obj).html();
        $('#form').load(someVar); //here you perform load Operation. 
   }
  $('#some').change(function() {
       changeForm($(this));
  });    
  $('#some_xx').change(function() {
       changeForm_xx($(this));
  });
相关文章：