我在這里有一個示例代碼：
function swap() {
var sel1 = $("#se1 option:selected").text();
var sel2 = $("#se2 option:selected").text();;
console.log(sel1, sel2)
$("#se1").val(sel2);
$("#se2").val(sel1);
}<select id="se1">
<option value="1">DOG</option>
<option value="2">CAT</option>
<option value="3">BIRD</option>
</select>
<button onclick="swap()">SWAP</button>
<select id="se2">
<option value="4">DOG</option>
<option value="5">CAT</option>
<option value="6">BIRD</option>
</select>我想交換 se1 和 se2 。這是我嘗試過的代碼：
function swap() {
var sel1 = $("#se1 option:selected").text();
var sel2 = $("#se2 option:selected").text();;
console.log(sel1, sel2)
$("#se1").val(sel2);
$("#se2").val(sel1);
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<select id="se1">
<option value="1">DOG</option>
<option value="2">CAT</option>
<option value="3">BIRD</option>
</select>
<button onclick="swap()">SWAP</button>
<select id="se2">
<option value="4">DOG</option>
<option value="5">CAT</option>
<option value="6">BIRD</option>
</select>這是作業，但它需要 Jquery 1.2.3 但我想使用 Jquery 2.1.3。如果我將腳本網址更改為“https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js”但它不起作用
感謝幫助！
uj5u.com熱心網友回復：
您不應該交換串列中兩個選定專案的值或文本。您只需要交換在每個串列中選擇的專案。一旦完成，option它將具有串列為其設定的任何值。
您在此處使用的 JQuery 版本無關緊要，因為您所做的事情需要 JQuery 操作，這些操作從一開始就存在于 JQuery 中。
var sel1 = $("#se1");
var sel2 = $("#se2");
function swap() {
let selection1 = sel1[0].selectedIndex; // Store the first list's selection
sel1[0].selectedIndex = sel2[0].selectedIndex;
sel2[0].selectedIndex = selection1;
// Test
console.log(sel1.val(), sel2.val());
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<select id="se1">
<option value="1">DOG</option>
<option value="2">CAT</option>
<option value="3">BIRD</option>
</select>
<button onclick="swap()">SWAP</button>
<select id="se2">
<option value="4">DOG</option>
<option value="5">CAT</option>
<option value="6">BIRD</option>
</select>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/472733.html
標籤：javascript jQuery