Erhalten Wert von wählen in Knockout

Question

Ich habe ein select Element gebunden mit ko und es zeigt Daten perfekt.

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

Ich möchte den ausgewählten Wert dieses Dropdown in einer Spanne anzeigen. Was ich versuche, ist:

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

Haben durch this Stack Overflow question gegangen, aber das hat nicht funktioniert, irgendwelche Ideen?

Ich bin der Antwort jetzt sehr nahe. Wenn ich schreibe:

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

funktioniert es für mich bei zeigt den Wert des Elements an der 0. Index wie es harcoded wird.

Aber wenn ich versuche, schreibe dies:

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

Es gibt mir diese Fehlermeldung:

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

So bedeutet es, dass irgendwie ist es nicht ‚typeid‘ bekommen, wenn ich es anstelle von Array war Index.

Hinweis: Ich habe auch versucht, Typid in Anführungszeichen übergeben, aber das hat nicht funktioniert.

Answer 1

Der Link der Post, die Sie gaben, hat eine korrekte Antwort.

Ihre Textbindung in spnassetTypeID sollte den Wert des Werts in Ihrem select Element haben. Entfernen Sie Ihre optionsValue Bindung.

Die Verwendung von optionsValue ist für knockout, um zu bestimmen, welche Eigenschaft des Objekts (Element von Ihrem personalassettype_dd) verwendet wird. Zum Beispiel, wenn ich die optionsValue zu text änderte, dann wird der Wert typeId der text des ausgewählten Objekts sein. Wenn ich die optionsValue entfernte, dann ist das gesamte ausgewählte Objekt der Wert typeId.

Ein kleines Beispiel mit Ihrem Markup finden Sie unter 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>