Question

每当我使用<input name="input">函数更改值时，我都会尝试将<select>值添加到<options> onblur。

在这种情况下，它确实会更改<input name="output">的值，但我想将它们添加多个，这就是为什么我要将值添加到select options。< / p>

这可能吗？

感谢。

function add(form) {
		form.output.value = form.input.value;
	}

<form>
  <input name="input" type="text" value="" onblur="add(this.form);">
  <input tabindex="-1" name="output" type="text" value="">
  <select multiple>
    <option>Test</option>
  </select>
</form>

Answer 1

如果您的意思是在更改输入值后，添加它的值作为选项的选项，是否可能我已经编写了代码，请参阅以下链接中的演示

https://jsfiddle.net/oxxqw71s/

和代码：

$("select").append($('<option>', {value:v, text:v}));

Answer 2

您可以执行以下操作。

function add(val){
  var data = val.input.value;
  val.output.value = data;
  
  var option = document.createElement("option");
  option.text = data;
  val.opt.add(option, val.opt[0]);
  
}

<form>
  <input name="input" type="text" value="" onblur="add(this.form);">
  <input tabindex="-1" name="output" type="text" value="">
  <select multiple name="opt">
    <option>Test</option>
  </select>
</form>

<强> HTML

<form>
  <input name="input" type="text" value="" onblur="add(this.form);">
  <input tabindex="-1" name="output" type="text" value="">
  <select multiple name="opt">
    <option>Test</option>
  </select>
</form>

<强> JS

function add(val){
  var data = val.input.value;
  val.output.value = data;

  var option = document.createElement("option");
  option.text = data;
  val.opt.add(option, val.opt[0]);

}

动态添加输入选项

2 个答案: