如何使用切换按钮从左到右交换几个 <option> 的位置,而不是 <select> 中的所有位置
How to swap places left to right of a few <option>, not all of them from within <select> using toggle button
如何使用 ON/OFF 或 LEFT/RIGHT 切换按钮或使用radio
按钮或 check
框或另一个 select
菜单。
我想要一些 <option>
LangLEFT 与一些 <option>
LangRIGHT 和交换位置,而不交换 <select>
名称代码的位置。
注意:只有少数 <option>
应该交换位置,而不是所有 <option>
。
示例:"language value" 应该交换位置,但 "auto value" 不应该。
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>
如何使用 ON/OFF 或 LEFT/RIGHT 切换按钮或使用radio
按钮或 check
框或另一个 select
菜单。
我想要一些 <option>
LangLEFT 与一些 <option>
LangRIGHT 和交换位置,而不交换 <select>
名称代码的位置。
注意:只有少数 <option>
应该交换位置,而不是所有 <option>
。
示例:"language value" 应该交换位置,但 "auto value" 不应该。
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>