title: In knockout js, text in select is not changing when button click?
body: <p>In my spa, I am using knock out js to bind data from api to select option successfully.</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;select id="ddlClassificationPosition" name="" data-theme="c" data-bind="options: ClassificationPositionData, optionsValue: 'ClassificationPositionID', optionsText: function (i) { return i.Classification + ':' + i.Position },selectedOptions: SelectedItems, optionsCaption: 'Choose..'"&gt;
   &lt;option value="0"&gt;
       Choose..
   &lt;/option&gt;               
  &lt;/select&gt;
  
   self.SelectedItems= ko.observableArray([]);
    var vm = {
          ClassificationPositionData: ko.observableArray(positionData),
          ClassificationPositionID: ko.observable(),
          SelectedItems: ko.observableArray([])
      };
  </code></pre>
  
  <p>But in refresh button click, I want to change the selected option to default text "Choose..". I wrote the given below code in button click.</p>
  
  <pre><code> &lt;a data-role="button" data-transition="slide" href="#page3" data-icon="arrow-r"
                data-iconpos="right" data-bind="event: { click: btnAddContactLink }"&gt;
                   Sample
                &lt;/a&gt;
  self.btnAddContactLink = function () {
     self.SelectedItems.removeAll();
  }
  </code></pre>
  
  <p>After refresh button click, it doesn't change the text. But if i click that dropdown, then it showing "Choose.." as selected option like given below.
  <img src="https://i.stack.imgur.com/4vG3x.jpg" alt="enter image description here">  </p>
  
  <p>I don't know where I made mistake. Please help me friends</p>