---
title: "How to add item in list box using knockoutjs"  
description: "How to add item in list box using knockoutjs"  
author: "Anonymous User"  
published: 2015-02-18  
updated: 2015-02-18  
canonical: https://www.mindstick.com/forum/12963/how-to-add-item-in-list-box-using-knockoutjs  
category: "jquery"  
tags: ["knockout.js", "knockout mvc"]  
reading_time: 1 minute  

---

# How to add item in list box using knockoutjs

I [am trying](https://answers.mindstick.com/qa/36834/which-two-programming-languages-should-i-master-in-if-i-am-trying-to-get-into-google-or-facebook) to [add](https://www.mindstick.com/forum/12983/add-address-in-textbox-when-page-is-load-and-if-i-search-address-in-textbox-show-in-map-by-javascript) [item](https://www.mindstick.com/forum/156564/remove-item-in-an-array-in-javascript) in list box\
This is my [view](https://yourviews.mindstick.com/view/84701/layoffs-in-google-india-2023-view) [code](https://yourviews.mindstick.com/view/85458/alan-turing-the-mastermind-behind-cracking-the-enigma-code-during-world-war-ii):\

```
<div class="container" style="max-width: 400px; border: 1px solid #e2e2e2; padding: 50px; margin-top: 30px">        <br />        <div class="row">            <div class="row">                <div class="col-md-4">                    Item Name:                </div>                <div class="col-md-6">                    <input type="text" class="form-control" data-bind='value: itemToAdd, valueUpdate: "afterkeydown"' />                </div>                <div class="col-md-2">                    <button type="submit" class="btn btn-primary" data-bind="enable: itemToAdd().length > 0 ">Add</button>                </div>            </div>            <br />            <div class="row">                <div class="col-md-4">                    Item List:                </div>                <div class="col-md-8">                    <select multiple="multiple" class="form-control" style="height: 100px" data-bind="options: items"></select>                </div>            </div>        </div>    </div>
```

And this is my [script](https://www.mindstick.com/interview/477/how-can-i-execute-a-php-script-using-command-line) code:

```
$(function () {   var SimpleListModel = function (items) {   this.items = ko.observableArray(items);   this.itemToAdd = ko.observable("");   this.addItem = function () {   if (this.itemToAdd() != "") {       this.items.push(this.itemToAdd());       this.itemToAdd("");    } }.bind(this);     };     ko.applyBindings(new SimpleListModel()); });
```

This is my complete code but item is not add in list box. I don’t know where is create [problem](https://yourviews.mindstick.com/view/81399/tackling-the-problem-of-unemployment-during-corona-pandemic) of my code. Please solve my problem as soon as possible.

Thanks in [advance](https://www.mindstick.com/blog/33258/jee-mains-and-jee-advance-exams)!!

\

## Replies

### Reply by Pravesh Singh

You missed to call function addItem on click button like this

```
<button type="submit" class="btn btn-primary" data-bind="enable:
itemToAdd().length > 0,click: addItem">Add</button>
```


---

Original Source: https://www.mindstick.com/forum/12963/how-to-add-item-in-list-box-using-knockoutjs

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.