Hinzufügen von Option aus der Eingabe dynamisch

Question

Ich versuche, <input name="input"> Werte zu <select><options> jedes Mal hinzufügen, wenn ich den Wert mit onblur Funktion ändern.

In diesem Fall ändert es den Wert von <input name="output">, aber ich möchte sie mehrere hinzufügen, deshalb suche ich nach Werten in selectoptions.

Ist das möglich?

Danke.

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

<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

wenn Sie meinen, dass Eingangswert nach der Änderung, fügen Sie Wert als Option ist zu wählen, ja es ist möglich Ich habe den Code finden Sie in der Demo auf untenstehenden Link

schrieb

https://jsfiddle.net/oxxqw71s/

und Code:

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

Answer 2

Sie können wie folgt implementieren.

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]); 

}