Javascript 链接选择-代理动态添加选择

Javascript 链接选择-代理动态添加选择,javascript,jquery,Javascript,Jquery,我正在使用。我需要做的是,使用由用户动态添加的多个选择,但它不起作用。 是一个包含多个链接选择的演示页面 下面是一个JSFIDLE: 下面是代码: <form> <select class="mark-remote" name="mark"> <option value="">--</option> <option value="bmw">BMW</option> <o

我正在使用。我需要做的是,使用由用户动态添加的多个选择,但它不起作用。 是一个包含多个链接选择的演示页面

下面是一个JSFIDLE:

下面是代码:

  <form>
    <select class="mark-remote" name="mark">
      <option value="">--</option>
      <option value="bmw">BMW</option>
      <option value="audi">Audi</option>
    </select>
    <select class="series-remote" name="series">
      <option value="">--</option>
    </select>
    <select class="model-remote"  name="model">
      <option value="">--</option>
    </select>
    <select class="engine-remote" name="engine">
      <option value="">--</option>
    </select>

    <button id="button-remote" type="submit">Button</button>
  </form>
  <form>
    <select class="mark-remote" name="mark">
      <option value="">--</option>
      <option value="bmw">BMW</option>
      <option value="audi">Audi</option>
    </select>
    <select class="series-remote" name="series">
      <option value="">--</option>
    </select>
    <select class="model-remote"  name="model">
      <option value="">--</option>
    </select>
    <select class="engine-remote" name="engine">
      <option value="">--</option>
    </select>

    <button id="button-remote" type="submit">Button</button>
  </form>
  <form>
    <select class="mark-remote" name="mark">
      <option value="">--</option>
      <option value="bmw">BMW</option>
      <option value="audi">Audi</option>
    </select>
    <select class="series-remote" name="series">
      <option value="">--</option>
    </select>
    <select class="model-remote"  name="model">
      <option value="">--</option>
    </select>
    <select class="engine-remote" name="engine">
      <option value="">--</option>
    </select>

    <button id="button-remote" type="submit">Button</button>
  </form>

/* For multiple jquery.chained.js */
$(".series").each(function() {
    $(this).chained($(".mark", $(this).parent()));
});
$(".model").each(function() {
    $(this).chained($(".series", $(this).parent()));
});
$(".engine").each(function() {
    $(this).chained([
        $(".series", $(this).parent()),
        $(".model", $(this).parent())
    ]);
});

--
宝马
奥迪
--
--
--
按钮
--
宝马
奥迪
--
--
--
按钮
--
宝马
奥迪
--
--
--
按钮
/*对于多个jquery.chained.js*/
$(“.series”)。每个(函数(){
$(this).chained($(“.mark”,$(this.parent());
});
$(“.model”)。每个(函数(){
$(this).chained($(“.series”,$(this.parent());
});
$(“.engine”)。每个(函数(){
$(此)。已链接([
$(“.series”,$(this.parent()),
$(“.model”,$(this.parent())
]);
});
这对我来说是一个静态选择。但当我尝试使用jquery添加新级别时,它将不起作用,如下所示:

$("#ql_add_case_schema").on("click", function () {
    var select='\
                <div class="container">\n\
                    <div class="row clearfix">\n\
                        <div class="col-md-1 column">\n\
                            USUN\n\
                        </div>\n\
                        <div class="col-md-2 column">\n\
                            <select class="mark-remote" name="mark"><option value="">--</option><option value="bmw">BMW</option><option value="audi">Audi</option></select>\n\
                        </div>\n\
                        <div class="col-md-2 column">\n\
                            <select class="series-remote" name="series"><option value="">--</option></select>\n\
                        </div>\n\
                        <div class="col-md-2 column">\n\
                            <select class="model-remote"  name="model"><option value="">--</option></select>\n\
                        </div>\n\
                        <div class="col-md-2 column">\n\
                            <select class="engine-remote" name="engine"><option value="">--</option></select>\n\
                        </div>\n\
                    </div>\n\
                </div>\n\
                </div>';

    $('#ql_div_kodowania').append(select);
});
$(“#ql#u add_case_schema”)。在(“单击”,函数(){
var选择\
\n\
\n\
\n\
通常\n\
\n\
\n\
--BMWAudi\n\
\n\
\n\
--\n\
\n\
\n\
--\n\
\n\
\n\
--\n\
\n\
\n\
\n\
';
$('ql#u div_kodowania')。附加(选择);
});

在追加动态元素后,再次调用click函数中的链接函数。我尝试了$(“.series remote”)。在(“click”,function(){$(“.series remote”)。每个(function(){$(this).remoteChained($(“.mark remote”,$(this.parent()),“json.php”);});但它不会起作用。。。