选择基于选定插件的值javascript选择的选项

时间:2016-04-12 07:19:39

标签: javascript jquery jquery-chosen

我正在尝试select option select根据用户在我的chosen中使用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

如何使用 <s:iterator status="rowStatus" value="list1"> <s:set name="currentFirstRowStatus" value='#rowStatus.index' /> <div> <s:property value="list1[#rowStatus.index][0].eprocTenderNum"/> </div> <s:div id="divReport%{#currentFirstRowStatus}" cssStyle="display: block" > <table border="1" id="table1" style=""> <th>Select <s:checkbox name="chkAllLines" onclick="makeAllLinesMandatory(this,1)" theme="simple"/> All </th> <th>col1</th> <th>col2</th> <th>col3</th> <th>col4</th> <th>col5</th> <s:iterator status="rowStatus1" value="list1[#rowStatus.index]"> <s:set name="currentRowStatus" value='#rowStatus1.index' /> <tr> <td><s:checkbox name="list1[%{#rowStatus.index}][%{#rowStatus1.index}].selectCheckBox" id="list1[%{#rowStatus.index}][%{#rowStatus1.index}].selectCheckBox" fieldValue="true" value="check1" theme="simple"/> <s:hidden id="list1[%{#rowStatus.index}][%{#rowStatus1.index}].val1" name="list1[%{#rowStatus.index}][%{#rowStatus1.index}].val1" value="%{val1}" /> </td> <td><s:property value="%{tag1}"/></td> <td> <s:property value="%{tag2}"/></td> <td><s:property value="%{tag3}"/></td> <td><s:property value="%{tag4}"/></td> <td><s:property value="%{tag5}"/></td> </tr> </s:iterator> <tr> <td colspan="6"> <input type="button" value="Approve" onclick='javascript:approve(<s:property value='%{#currentFirstRowStatus}'/>)'></td></tr> </table> </s:div> <br /> </s:iterator> 插件进行此操作?

1 个答案:

答案 0 :(得分:0)

对所选初始化的选项所做的更改将不会显示在所选插件生成的html中,直到您调用

$('#extname').trigger('chosen:updated');