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