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());