从另一个按钮激活下拉选项/ 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/

编辑

如果要触发你可以做到这一点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>