Add items to listbox using javascript

Question

I am trying to add few items to a list box from a text box using javascript. but the problem is as soon as I am adding the items, it gets visible in the list box for a second and then gets deleted. Any solution for this?

I am adding items from TextBox4 to ListBox1

function AddToList() {

    // Create an Option object        

    var opt = document.createElement("option");

    // Add an Option object to List Box

    document.getElementById("ListBox1").options.add(opt);
    opt.text = document.getElementById("TextBox4").value;
    opt.value = document.getElementById("TextBox4").value;
    document.getElementById("ListBox1").options.add(opt);


}

Amit Joki · Accepted Answer · 2014-12-17 08:21:12Z

5

document.getElementById("ListBox1").options.add(opt); // remove this line
opt.text = document.getElementById("TextBox4").value;
opt.value = document.getElementById("TextBox4").value;
document.getElementById("ListBox1").options.add(opt);

As you're appending an <option> which has no value or text.

answered Dec 17, 2014 at 8:21

Amit Joki

59.4k7 gold badges80 silver badges97 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rupesh Over a year ago

Still not working. Same thing is happening, items are getting added and within a second they are disappearing.

Rupesh · Accepted Answer · 2015-01-23 08:08:08Z

0

Got the solution, Need to add

return false;

at the end of the function.

answered Jan 23, 2015 at 8:08

Rupesh

7612 gold badges9 silver badges16 bronze badges

Collectives™ on Stack Overflow

Add items to listbox using javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related