JavaScript 将值 optgroup 复制到其他输入

Question

我选择了选项：

<form>
<select name="sel" id="sel" onchange="run()">
<option selected disabled>Wybierz...</option>
  <optgroup id="user" value="user" label="user">
    <option value="1">michal</option>
    <option value="2">mateusz</option>
  </optgroup>
  <optgroup id="warehouse" value="warehouse" label="warehouse">
    <option value="1">kosz</option>
    <option value="2">zaginione</option>
  </optgroup>
</select>
</form>


<input type="text" name="copy" id="copy"></input>

以及在输入文本中添加文本的脚本：

function run() {
    if(document.getElementById("user").label == 'user'){

      document.getElementById("copy").value = "user";

    } else if (document.getElementById("warehouse").label == 'warehouse') {

        document.getElementById("copy").value = "warehouse";

    }
}

当用户选择第一个 optgroup("user") 的选项时，然后在输入文本脚本中添加名称 "user"。当用户从第二个 optgroup 中选择记录时，脚本会将输入文本中的文本更改为 "warehouse"。但是在我的脚本中，输入文本中没有添加任何内容。 demo

Answer 1

Demo

在 jsfiddle 中，你将函数放在 onload 函数中，因此它未定义到外部 scope.outherwise 你将得到两个组的 user document.getElementById("user").label == 'user' 始终是 true.so 它不会是其他 block.you 应该获取所选组的标签值并进行比较。

var lable=event.target.options[event.target.selectedIndex].parentNode.label // get lable value of clicked group
if(lable == 'user'){

  document.getElementById("copy").value = "user";

} else if (lable == 'warehouse') {

    document.getElementById("copy").value = "warehouse";

}

JavaScript 将值 optgroup 复制到其他输入

JavaScript copy value optgroup to other input

javascript

select

option

optgroup