javascript - 如何使用切换按钮在 <select> 中从左到右交换几个 <option> 的位置,而不是全部

标签 javascript html jquery html-select

如何制作一些<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/

相关文章:

javascript - 如何将 div 附加到带有变量 Javascript 的 div

javascript - 为什么我的 gridOptions (ng-grid) 中的 "data"参数始终为空?

html - 如何将 Bing map 菜单移动到屏幕右侧

javascript - 悬停时显示图像(仅当悬停有 2 秒的延迟时)

javascript - 在性能方面,在一个页面上显示 1000 张图像的最佳方法是什么?

javascript - 我想加载我的选项卡式购物车的第一个选项卡

javascript - OM/ react : manipulate elements outside the render target element

javascript - 如果在 HTML 中引用了多个版本的 JS 文件(Bootstrap),哪个优先?

html - 表单输入对齐问题 (HTML/CSS)

php - 将 jquery 函数链接到 PHP 查询结果