我想通过遍历来检测下拉框中的更改。
的内容
$('#标识&#39)。下一个()的next()的onChange(函数(){...})
或
$('#标识&#39)。下一个()next()的模糊(函数(){...})
但也许我在这里咆哮错误的树
我有3个select
方框都与之相关(城市,地区,国家)
如果region
中的值没有其他关系,我想将明显的值应用于country
和city
框
我现在正在使用SELECT2
并从你的SELECT BOX创建自己的DIV SELECT。
此唯一的唯一项是从保存值的位置创建3个DOM项目的ID。
因此,所以。如果我可以通过遍历检测到变化,它应该工作。但是我该怎么做呢?这是一个例子
<div class="select2-container storeEditBox_split csSelect" id="s2id_region">
<a href="javascript:void(0)" class="select2-choice" tabindex="-1">
<span class="select2-chosen" id="select2-chosen-3">Buckinghamshire</span>
<abbr class="select2-search-choice-close"></abbr>
<span class="select2-arrow" role="presentation"><b role="presentation"></b></span>
</a>
<label for="s2id_autogen3" class="select2-offscreen"></label>
<input class="select2-focusser select2-offscreen" type="text" aria-haspopup="true" role="button" aria-labelledby="select2-chosen-3" id="s2id_autogen3">
</div>
第一行上的 s2id_region 是此片段中唯一可靠的id
。
第3行白金汉郡这里选择的值。
PS
像乔在评论中提到的那样。代码区域有很多混乱,但这是SELECT2自动创建的。对不起,如果它混淆了这件事。
这里的要点是:是否可以通过遍历检测DOM元素的变化?
CLEAND-UP VERSION
<div id="s2id_region">
<a>
<span>Buckinghamshire</span>
<abbr></abbr>
<span><b></b></span>
</a>
<label></label>
<input type="text"role="button">
</div>