Не может вызвать изменения на вариант с CasperJS

Question

У меня есть этот HTML:

<select class="ik-target" name="make_id" id="the_maker_id" data-ik-class="maker-select"> 
<option value="" class="empty-item">Choose maker</option> 
<optgroup label="Some of them"> 
    ... 
</optgroup> 
<optgroup label="Chosen"> 
    <option value="2" style="text-indent: 10px;">A</option> 
    <option value="5" style="text-indent: 10px;">B</option> 
    <option value="16" style="text-indent: 10px;">C</option> 
    <option value="819" style="text-indent: 10px;">D</option> 
</optgroup> 
</select> 

Я тогда попробовать это (который обычно работает):

var thisnow = "5"; 
this.evaluate(function(valueOptionSelect){ 
    $('select#form_maker_id optgroup[label="Chosen"] option').val(valueOptionSelect); 
    $('select#form_maker_id optgroup[label="Chosen"] option').trigger("change"); 
},thisnow); 

Но это не изменяет значение параметра из по умолчанию value=""

Любые идеи, как я могу это исправить?

Answer 1

Вы должны установить значение select элемента и вызвать change событие на нем тоже:

$('#form_maker_id').val(valueOptionSelect).change();