Активируйте выпадающий вариант с другой кнопки/llink

Question

Я изо всех сил пытаюсь понять, как это сделать. У меня есть раскрывающийся список на странице, я не имею никакого контроля над кодом мудр -

<select name="dex_item" id="dex_item" onchange="dex_updateItem()"> 
<option value=1>2016</option> 
<option value=4>2017</option> 
<option value=5>2018</option> 
</select> 

Я хочу создать простую кнопку/ссылку, при нажатии на которую активирует один из вариантов. Так, например, когда я нажимаю #click, выбирается значение параметра = 4.

Я видел примеры подобных, но не может получить что-нибудь работать ...

Answer 1

Может быть, я не понял, но, чтобы выбрать значение выбора входа вы Можно используйте следующий код:

$("#click").click(function(e) { 
    $("#dex_item").val('4'); 
}); 

https://jsfiddle.net/Tintin37/fmncst9L/

EDIT

Если вы хотите, чтобы вызвать OnChange событие, которое вы можете сделать это:

$(function() { 
    $("#click").click(function(e) { 
    var select = $("#dex_item"); 
    select.val('4').trigger("change"); 
    }); 
}) 

function dex_updateItem() { 
    alert("change"); 
} 

https://jsfiddle.net/Tintin37/z2bnvuru/

Answer 2

проверить это: https://jsfiddle.net/c2yusbka/

По щелчку кнопки вы можете установить значение выбора элемента и опции будут выбраны соответственно ,

$('#click').click(function(){ 
    $("#dex_item").val("4"); 
}); 

$('#click').click(function(){ 
 
    $("#dex_item").val("4"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="dex_item" id="dex_item" onchange="dex_updateItem()"> 
 
    <option value=1>2016</option> 
 
    <option value=4>2017</option> 
 
    <option value=5>2018</option> 
 
</select> 
 
<button id="click">Click Here</button>

Answer 3

Вы можете добавить selected атрибут целевой option с помощью .prop()

$("button").click(function(){ 
 
    $("select > option[value='4']").prop("selected", true); 
 
    $("select").change(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<select name="dex_item" id="dex_item" onchange="console.log('changed')"> 
 
    <option value=1>2016</option> 
 
    <option value=4>2017</option> 
 
    <option value=5>2018</option> 
 
</select> 
 
<button>click</button>