如何使用 jquery 更改选择标记属性的名称答案

【问题标题】：How to change the name of a select tag attribute with jquery如何使用 jquery 更改选择标记属性的名称
【发布时间】：2020-06-14 04:33:07
【问题描述】：

首先，当我从选择标签中选择一个值时。更改复选框的输入值。

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>

【问题讨论】：

标签： javascript

【解决方案1】：

从你的other question继续我的脚本

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>

【讨论】：