Question

我一直在努力研究如何做到这一点。我在页面上有一个下拉列表，我无法控制代码 -

echo

我想创建一个简单的按钮/链接，单击该按钮可激活其中一个选项。例如，当我点击#click然后选择值= 4时。

我见过类似的例子，却无法正常工作......

Answer 1

检查一下：https://jsfiddle.net/c2yusbka/

单击按钮，您可以设置选择元素的值，并相应地选择该选项。

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

您可以使用selected将option属性添加到目标.prop()

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 3

也许我误解了但是要选择select输入的值，您可以使用以下代码：

$("#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/

从另一个按钮/ llink激活下拉选项

3 个答案: