jQueryでセレクトボックスの値を変更したい

Question

jQuery(function(){
    // 全ての選択を外す
    $("select option").attr("selected", false);
 
    // example-1 の値をセットして選択させる
    $("select").val('example-2');
});

<select name="example">
    <option value=""></option>
    <option value="example-1">EXAMPLE-1</option>
    <option value="example-2" selected="selected">EXAMPLE-2</option>
    <option value="example-3">EXAMPLE-3</option>
    <option value="example-4">EXAMPLE-4</option>
    <option value="example-5">EXAMPLE-5</option>
</select>

<select name="example2">
    <option value=""></option>
    <option value="example-6">EXAMPLE-1</option>
    <option value="example-7" selected="selected">EXAMPLE-2</option>
    <option value="example-8">EXAMPLE-3</option>
    <option value="example-9">EXAMPLE-4</option>
    <option value="example-10">EXAMPLE-5</option>
</select>

jQueryイベントが発火したときセレクトボックスの初期値を変更したいです。
上記jQだとname="example2"のselectタグも反応して変化してしまうので、name="example"だけ指定できないでしょうか。

Answer 1

「これだけに」という要件なのでしたらIDつけるのが吉です。

<select name="example" id="example">


<select name="example" id="example2">

$("#example").val('example-2');

Answer 2

以下のようにするとnameで指定できるのでいいかもです！

$("[name=example]").val('example-2');