如何使用CasperJS从动态下拉菜单中选择一个选项?

时间:2016-01-24 17:35:32

标签: javascript phantomjs html-select casperjs

我正在尝试从下拉菜单中选择一个选项。 只要我选择一个选项,我选择什么选项并不重要。 我需要选择该选项,以便打开一组新的输入框,我将编辑我需要的内容 -

这是HTML

<select style="" id="selectedAddressId" required="" class="has-validation 
  ng-dirty ng-valid-parse ng-valid ng-valid-required 
  ng-touched" name="selectedAddressId" ng-model="addressChoice"
  default-option="Choose your address" 
  ng-options="(address.Text || address.text) for address in results">
    <option class="" value="" disabled="" selected="selected">Choose your address</option>
    <option value="object:348" label="2, Abbey Road, Nottingham">2, Abbey Road, Nottingham</option>
    <option value="object:349" label="4, Abbey Road, Nottingham">4, Abbey Road, Nottingham</option>
    <option value="object:350" label="6, Abbey Road, Nottingham">6, Abbey Road, Nottingham</option>
    <option value="object:351" label="8, Abbey Road, Nottingham">8, Abbey Road, Nottingham</option>
    <option value="object:352" label="10, Abbey Road, Nottingham">10, Abbey Road, Nottingham</option>
    <option value="object:353" label="12, Abbey Road, Nottingham">12, Abbey Road, Nottingham</option>
    <option value="object:354" label="14, Abbey Road, Nottingham">14, Abbey Road, Nottingham</option>
    <option value="object:355" label="16, Abbey Road, Nottingham">16, Abbey Road, Nottingham</option>
    <option value="object:356" label="18, Abbey Road, Nottingham">18, Abbey Road, Nottingham</option>
    <option value="object:357" label="20, Abbey Road, Nottingham">20, Abbey Road, Nottingham</option>
    <option value="object:358" label="22, Abbey Road, Nottingham">22, Abbey Road, Nottingham</option>
    <option value="object:359" label="24, Abbey Road, Nottingham">24, Abbey Road, Nottingham</option>
    <option value="object:360" label="26, Abbey Road, Nottingham">26, Abbey Road, Nottingham</option>
    <option value="object:361" label="28, Abbey Road, Nottingham">28, Abbey Road, Nottingham</option>
    <option value="object:362" label="30, Abbey Road, Nottingham">30, Abbey Road, Nottingham</option>
    <option value="object:363" label="32, Abbey Road, Nottingham">32, Abbey Road, Nottingham</option>
    <option value="object:364" label="34, Abbey Road, Nottingham">34, Abbey Road, Nottingham</option>
    <option value="object:365" label="36, Abbey Road, Nottingham">36, Abbey Road, Nottingham</option>
    <option value="object:366" label="38, Abbey Road, Nottingham">38, Abbey Road, Nottingham</option>
    <option value="object:367" label="40, Abbey Road, Nottingham">40, Abbey Road, Nottingham</option>
    <option value="object:368" label="42, Abbey Road, Nottingham">42, Abbey Road, Nottingham</option>
    <option value="object:369" label="44, Abbey Road, Nottingham">44, Abbey Road, Nottingham</option>
    <option value="object:370" label="46, Abbey Road, Nottingham">46, Abbey Road, Nottingham</option>
    <option value="object:371" label="48, Abbey Road, Nottingham">48, Abbey Road, Nottingham</option>
    <option value="object:372" label="50, Abbey Road, Nottingham">50, Abbey Road, Nottingham</option>
    <option value="object:373" label="52, Abbey Road, Nottingham">52, Abbey Road, Nottingham</option>
  </select>

我如何在CasperJS中执行此操作? 我已经尝试了以下这段代码,但遗憾的是它确实单击了框按钮并未选择选项

casper.then(function(){
  this.fillSelectors('#identification', {
    '#selectedAddressId': 'option:nth-child(3)'
  }, false);
});

0 个答案:

没有答案