这里我要做的是,当我在选择框中选择任何选项时,它会自动更改另一个selectbox.But中的选项,在我的情况下,页面加载后,它会在单击该选项后更改该选项。
HTML:
<select name="ref_type_selectbox" id="ref_type_selectbox" class="selectbox_two" accesskey="t">
<option value="1" selected="selected">Numbered item</option>
<option value="2">Heading</option>
<option value="3">Footnote</option>
<option value="4">Endnote</option>
<option value="5">Equation</option>
</select>
<select name="ref_to_selectbox" id="ref_to_selectbox" class="reference_to_selectbox" accesskey="r">
<option value="1" selected="selected">Page number</option>
<option value="1">Paragraph number(no content)</option>
<option value="1">Paragraph number(full content)</option>
<option value="1">Paragraph Text</option>
<option value="1">Above/Below</option>
<option value="2">Heading Text</option>
<option value="2">Heading number(no content)</option>
<option value="2">Heading number(full content)</option>
<option value="2">Above/Below</option>
<option value="3">Footnote number</option>
<option value="3">Above/Below</option>
<option value="3">Footnote number(formatted)</option>
<option value="4">Endnote number</option>
<option value="4">Above/Below</option>
<option value="4">Endnote number(formatted)</option>
</select>联署材料:
$("#ref_type_selectbox").change(function()
{
if ($(this).data('options') === undefined) {
$(this).data('options', $('#ref_to_selectbox option').clone());
}
var id = $(this).val();
var options = $(this).data('options').filter('[value=' + id + ']');
$('#ref_to_selectbox').html(options);
});发布于 2017-07-25 04:50:21
绑定到change事件之后,触发事件本身:
$("#ref_type_selectbox").change();工作实例:
$(document).ready(function(){
$("#ref_type_selectbox").change(function()
{
if ($(this).data('options') === undefined) {
$(this).data('options', $('#ref_to_selectbox option').clone());
}
var id = $(this).val();
var options = $(this).data('options').filter('[value=' + id + ']');
$('#ref_to_selectbox').html(options);
});
$("#ref_type_selectbox").change();
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="ref_type_selectbox" id="ref_type_selectbox" class="selectbox_two" accesskey="t">
<option value="1" selected="selected">Numbered item</option>
<option value="2">Heading</option>
<option value="3">Footnote</option>
<option value="4">Endnote</option>
<option value="5">Equation</option>
</select>
<select name="ref_to_selectbox" id="ref_to_selectbox" class="reference_to_selectbox" accesskey="r">
<option value="1" selected="selected">Page number</option>
<option value="1">Paragraph number(no content)</option>
<option value="1">Paragraph number(full content)</option>
<option value="1">Paragraph Text</option>
<option value="1">Above/Below</option>
<option value="2">Heading Text</option>
<option value="2">Heading number(no content)</option>
<option value="2">Heading number(full content)</option>
<option value="2">Above/Below</option>
<option value="3">Footnote number</option>
<option value="3">Above/Below</option>
<option value="3">Footnote number(formatted)</option>
<option value="4">Endnote number</option>
<option value="4">Above/Below</option>
<option value="4">Endnote number(formatted)</option>
</select>
P.S:将值保存在JS数组中将使其更有效
https://stackoverflow.com/questions/45293864
复制相似问题