ノックアウトの選択から値を取得

Question

私はkoを使用してselect要素をバインドしており、データを完全に表示しています。

このドロップダウンの選択値をスパンに表示するとします。私は何をしようとしていることである：

<span id="spnassetTypeID" data-bind="text: $root.personalassettype_dd.text"></span> 

はthis Stack Overflow questionを通じて行っているが、それは、任意のアイデアを動作しませんでしたか？

私は今答えに非常に近いです。私が書く場合：

<span id="spnassetTypeID" data-bind="text: $root.personalassettype_dd()[0].text"></span> 

それがharcodedされるように、ディスプレイで私のために0番目のインデックス位置にあるアイテムの値を動作します。

しかし、私はこれを書いてみてください：

<span id="spnassetTypeID" data-bind="text: $root.personalassettype_dd()[typeid].text"></span> 

それは私にこのエラーを与える：

Unable to parse bindings.
Message: TypeError: Unable to get property 'text' of undefined or null reference;
Bindings value: text: $root.personalassettype_dd()[typeid].....

だから、私はそれが配列の代わりにいたとき何とかそれはtypeid」を取得していないことを意味しインデックス。

注：typeidを引用符で渡すことも試みましたが、これは機能しませんでした。

Answer 1

あなたが投稿したリンクは正解です。

spnassetTypeIDのテキストバインドには、select要素の値の値が必要です。 また、optionsValueバインディングを削除してください。

optionsValueの使用は、オブジェクトのどのプロパティ（あなたのpersonalassettype_ddからのアイテム）が使用されるかを決定するためのノックアウトです。たとえば、optionsValueをtextに変更した場合、typeIdの値は選択したオブジェクトのtextになります。 optionsValueを削除した場合、選択したオブジェクト全体がtypeIdの値になります。

マークアップを使用した最小の例はfiddleをご覧ください。

<select name="assetTypeID" class="form-control" id="assetTypeID" data-bind="options: $root.personalassettype_dd, optionsText: 'text', optionsIncludeDestroyed: true,value:typeid"></select> 
<span id="spnassetTypeID" data-bind="text: $root.typeid().text"></span>