基于具有所选插件的值javascript选择的选项
基于具有所选插件的值javascript选择的选项
提问于 2016-04-12 15:19:39
我正在尝试根据用户在我的select中给出的输入使用chosen插件来select一个option。当我删除data-rel="chosen"时，我的代码可以正常工作。这是我的代码。
function editUser () {
var tldArray = new Array();
$("select#extname > option").each(function(){
tldArray.push($(this).val());
});
for (index = 0;index < tldArray.length;index++) {
if (tldArray[index] == document.getElementById('extselect').value) {
$('#extname').val( $.trim( tldArray[index] ) );
}
}
}这是我的select
<select id="extname" data-rel="chosen" class="input-small" data-placeholder="Ext. Name">
<option value=""></option>
<option value="SR">SR</option>
<option value="JR">JR</option>
<option value="3rd">3rd</option>
<option value="4th">4th</option>
<option value="5th">5th</option>
<option value="6th">6th</option>
<option value="7th">7th</option>
<option value="8th">8th</option>
<option value="9th">9th</option>
<option value="10th">10th</option>
</select>这是我的input
<input class="input focused" id="extselect" style="margin-top:-15px" type="text" placeholder="First Name">
<button value='$key->id' class='btn btn-mini btn-info' href='#' onclick='editUser(this)'>如何在chosen插件中实现这一点？
回答 1
Stack Overflow用户
发布于 2016-04-12 15:50:03
对使用select初始化的select所做的更改不会显示在由所选插件生成的html中，直到调用
$('#extname').trigger('chosen:updated');页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/36566212
复制相关文章
相似问题
腾讯云开发者
