用 VALUE 在下拉列表中选择选项的 Javascript答案

【问题标题】：Javascript to select option in dropdown list with VALUE用 VALUE 在下拉列表中选择选项的 Javascript
【发布时间】：2015-04-16 14:50:11
【问题描述】：

JSFiddle Demo of My Code

我需要在下拉列表中更改选定的 OPTION 并触发下拉列表的 onChange。

$('#type').val('option 1');
$('#type').val('option1');

我尝试了上面的选择

<option value="option1">option 1</option>

但是到目前为止还没有运气！

【问题讨论】：

你能解释更多你想要什么吗？在您的示例中，这里无法理解您想要做什么？
在 JSFiddle Demo 中我放了我的代码，当按下 CHANGE 时，它应该会更新下拉列表中的值，但它目前没有更新。

标签： javascript jquery html

【解决方案1】：

使用以下内容：

$('#type').val('option1').change();

您应该将value 属性的值传递给.val() 函数。

您可以通过在代表<select> 元素的jQuery 对象上调用.change()（不带参数）来触发change 事件。

注意：不带参数调用.change() 是调用.trigger('change') 的快捷方式。

jsfiddle

【讨论】：

如何在选项中添加以下内容：selected="selected"
使用.val() 设置值应该会导致具有该值的<option> 设置其selected 属性。

【解决方案2】：

您可以像这样使用您的代码。 #openvz 不在您的 html 代码中，这就是它不起作用的原因。您需要使用 option1 而不是 option 1

$('#change').click(function(){
        $('#type').val('option1');
    });

js fiddle

【讨论】：

【解决方案3】：

您需要取消点击并使用正确的ID

$('#change').on("click",function(e){
    e.preventDefault();// cancel
    $('#type').val('option1').change(); // must be the value, not the text
});

您也不能提交选择。如果你愿意，你可以提交没有name="submit"字段的表单

当您更改选择时，您还需要告诉我们您希望发生的事情。例如更改选择并让它提交它所在的表单

$(function() {
  $('#change').on("click",function(e){
    e.preventDefault();// cancel
    $('#type').val('option1').change(); // assuming you want to trigger the change 
  });
  $('#type').on('change',function() {
    $(this).closest("form").submit();
  });
});

【讨论】：

【解决方案4】：

试试这个Demo

<option value="option 1">option 1</option>

$('#change').click(function(){
    $('#type').val('option 1');
});

【讨论】：

不，现在它与@Ris 的解决方案相同，也没有向这个问题添加任何内容