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

无法通过CasperJS触发选项更改

1 个答案: