如何使用 jquery 更改 select 標記屬性的名稱

Question

首先，當我從 select 標記中獲取 select 的值時。 更改復選框的輸入值。

 window.addEventListener("load", function() { // on page load document.getElementById("myselectbox1").addEventListener("change", function() { document.getElementById("mycheckbox1").value = this.value; }); document.getElementById("mycheckbox1").addEventListener("change", function() { console.log(this.value); }); });

 <input type="checkbox" name="id" value="" id="mycheckbox1"> <select name="cat-1" id="myselectbox1"> <option value="">Choose</option> <option value="100">Value1</option> <option value="200">Value2</option> </select>

如何將 cat-2 的名稱更改為 cat-1 的選定值

例如; 如果我選擇 value1 ( 它的 value=100) 我想將 cat-2 的名稱更改為 cat-100

<input type="checkbox" name="id" value="" id="mycheckbox1">

<select name="cat-1" id="myselectbox1">
<option value="">Choose</option>      
<option value="100">Value1</option>
<option value="200">Value2</option>       
</select>

<select name="cat-2" id="myselectbox2">
<option value="">Choose</option>      
<option value="300">Value3</option>
<option value="400">Value4</option>       
</select>

Answer 1

從你的另一個問題繼續我的腳本

 window.addEventListener("load", function() { // on page load document.getElementById("myselectbox1").addEventListener("change", function() { document.getElementById("mycheckbox1").value = this.value; const sel2 = document.getElementById("myselectbox2"); if (sel2 && this.value) sel2.name="c-"+this.value; }); // check to see the change document.getElementById("mycheckbox1").addEventListener("change", function() { console.log(this.value); }); // select to see the change document.getElementById("myselectbox2").addEventListener("change", function() { console.log(this.name,this.value) }) });

 <input type="checkbox" name="id" value="" id="mycheckbox1"> <select name="cat-1" id="myselectbox1"> <option value="">Choose</option> <option value="100">Value1</option> <option value="200">Value2</option> </select> <select name="cat-2" id="myselectbox2"> <option value="">Choose</option> <option value="300">Value3</option> <option value="400">Value4</option> </select>