첫 번째 녹아웃 js 드롭 다운 목록

Question

저는 방금 js를 노크하기 시작했습니다 !!

누구든지 js 드롭 다운 목록을 녹아웃시키는 라이브 예제를 제공 할 수 있습니까? 나는 js를 때려 눕히는 예를 언급했지만 나는 그것을 떨어 뜨리기 위해 묶을 수 없었다 !!

<div id="state_container"> 
    <table border="0" cellpadding="0" cellspacing="0" class="form" 
     data-bind="with:" width="300px"> 
     <tr> 
      <td> 
       <span>StateName&nbsp; </span> 

       &nbsp;<input type="text" name="stateName" data-bind="value:CountryName" /> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <span>Short Name</span> 


       <input type="text" name="shortname" data-bind="value:ShortName" /> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <span>Country&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span>&nbsp; 
        <select data-bind="options:availableCountries,optionsCaption: 'Select Date'" style="width: 148px"> 
       </select> 
      </td> 
     </tr> 
     <tr> 
      <td> 
       <input type="button" name="btnSubmit" value="Add" data-bind="click:$parent.Submit" /> 


       <input type="button" name="btnReset" value="Reset" data-bind="click:$parent.Reset" /> 
      </td> 
     </tr> 
    </table> 
</div> 

스크립트 : 더 여기

<script type="text/javascript"> 

     var viewmodel = { availableCountries: ko.observableArray(['India', 'Austaralia']) }; 

</script> 

을 잃었 무엇? 제게 바인딩을 노크 설명 어떤 refersces주세요!

Answer 1

실제로 모델을 바인딩하고 있습니까?

<script type="text/javascript"> 
    var viewmodel = { availableCountries: ko.observableArray(['India', 'Austaralia']) }; 
    ko.applyBindings(viewmodel); 
</script> 

내가 눈치 또 다른 한가지

: 당신은이 반 작성된 테이블에 바인딩 : 아마 regardlessly 문제를 일으킬 것입니다

data-bind="with:" 

.