jQuery的這是用基因敲除

Question

我試圖選擇我認爲這是使用knockoutjs創建選擇一個選項（但我不知道）

<select class="styled" data-bind="options: Locations, optionsText: 'Name', value: DesiredLocat…ion: SelectLocationText(), event: { change: UpdateLocation }"> 

<option value=""> 

    Select location 

</option> 
<option value=""> 

    Some location 

</option> 
<option value=""> 

    Some location2 

</option> 

</select> 

整個事情是在框架中捆綁的創建選擇選項，我GOOGLE瞭如何使jQuery的工作框架，現在我使用它像這樣

var frameDocument= $("frame[name='mainFrame']", top.document)[0].contentDocument; 

我試圖做這樣的：

$(frameDocument).find('.styled').val('Some location').change(); 

像這樣：

$(frameDocument).find('.styled').children().each(function(){ 
    if ($(this).text()=='Some location'){ 
     $(this).click(); 
     return false; 
     } 
}) 

任何人都可以請幫我如何選擇我需要的選項？

Answer 1

由於您使用的是knokout.js，所以最好不要使用jquery。

例子：https://jsfiddle.net/kyr6w2x3/82/

HTML：

<select class="styled" data-bind="options: Locations, optionsText: 'Name', optionsValue: 'Id',value: selectedLocation"> 

JS：

function MainViewModel() { 
    var self = this ; 
    self.Locations = ko.observableArray([{Name:"Location 1" , Id : 1 },{Name:"Location 2" , Id : 2 },{Name:"Location 3" , Id : 3 }]); 
    self.selectedLocation = ko.observable(); 
    self.selectedLocation.subscribe(function(newValue){ 
    console.log(newValue); 
    }) 
} 

ko.applyBindings(new MainViewModel());