如何制作一些<option>
LangLEFT 与几个交换位置 <option>
LangRIGHT 或反之亦然,使用 ON/OFF 或 LEFT/RIGHT 切换按钮或使用 radio
按钮或 check
盒子或其他select
菜单。
我想要一些<option>
LangLEFT 与一些人纠缠<option>
LangRIGHT 和交换位置,不交换 <select>
的位置名称代码。
注意:只有少数 <option>
应该交换位置,而不是全部<option>
.
示例:“语言值”应该交换位置,但“自动值”不应该交换位置。
HTML:
<textarea name="uLEFT" cols="71" rows="7" wrap="physical" id="SeekBoxLEFT"></textarea>
<textarea name="uRIGHT" cols="71" rows="7" wrap="physical" id="SeekBoxRIGHT" ></textarea>
<select name="LangLEFT">
<option selected value="auto">Auto Identify language</option>
<option value="en">English</option>
<option value="ru">Russian</option>
</select>
<select name="LangRIGHT">
<option value="en">English</option>
<option value="ru">Russian</option>
</select>
最佳答案
$(document).ready(function(){
$("#right").on("click",function(){
$("#left_select").insertAfter("#right_select");
});
$("#left").on("click",function(){
$("#right_select").insertAfter("#left_select");
});
});
<script src="https://cdn.jsdelivr.net/jquery/3.2.1/jquery.min.js"></script>
<input type="button" id="right" value="Change To Right" >
<input type="button" id="left" value="Change To Left" >
<select id="left_select" name="LangLEFT">
<option selected value="auto">Auto Identify language</option>
<option value="en">English</option>
<option value="ru">Russian</option>
</select>
<select id="right_select" name="LangRIGHT">
<option value="en">English</option>
<option value="ru">Russian</option>
</select>
关于javascript - 如何使用切换按钮在 <select> 中从左到右交换几个 <option> 的位置,而不是全部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44981212/