Select tag in html form

Question

I want send <form> from client, and one of fields in the <form> is <select> .
I am using knockout data binding.

<form method="get" action="http://google.com/" target="_blank">
    <input data-bind="text: name" name="meow">
    <select name="dog" data-bind="options: objects, 
                                  optionsText: function(item){return item.secid},
                                  optionsValue : $data.id">
    </select>
    <input type='submit'>
</form>  

But value from select is always empty in request. Any ideas?
JSFiddle is here

Answer 1

用function(item){return item.id}替换$data.id function(item){return item.id}