How to swap places left to right of a few <option>, not all of them from within <select> using toggle button

别来无恙 提交于 2019-12-23 04:53:39

问题


How do I make a few <option> LangLEFT to switch position with a few <option> LangRIGHT and vise versa using a ON/OFF or LEFT/RIGHT toggle button or by using a radio button or a check box or another select menu.

I want a few <option> LangLEFT to tugle with a few <option> LangRIGHT and swap places, without swap places of the <select> names codes.

NOTE: Only a few <option> should switch places, NOT all <option>.

EXAMPLE: The "language value" should swap places, but the "auto value" should NOT.

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>

回答1:


 	$(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>


来源:https://stackoverflow.com/questions/44981212/how-to-swap-places-left-to-right-of-a-few-option-not-all-of-them-from-within

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!