Question

在页面上更改操作时将调用setDefaultValue函数，因此当完成一项操作后，我想使用下面的代码未发生的Jquery将dropDown值设置为JavaScript，实现的错误是什么？

下拉文本应显示JavaScript

main.html

<div style="text-align: right;margin: 5px;margin-left: 45%">
    <select name="dropDownSelect"  onchange="handleDropDown(this.value)">
        <option value="JS" selected="selected">JavaScript</option>
        <option value="TS">TypeScript</option>
    </select>
</div>

main.js

function setDefaultValue () {
    $("#dropDownSelect").val('JavaScript');
}

Answer 1

尝试这样做

<select name="myselect" id="myselect">
    <option value="1">Value one</option>
    <option value="2">Value two</option>
    <option value="3">Value three</option>
</select>

$("#myselect option[value=2]").attr('selected', 'selected');

或

<script type="text/javascript"> 
  function addOption() { 
    optionText = 'Value two'; 
    optionValue = 'Value two'; 

    $('#select1').append(`<option value="${optionValue}"> 
     ${optionText} 
     </option>`); 
  } 
</script>

Answer 2

如果只需要更改下拉菜单的选定值，请尝试以下操作：

$("select[name='dropDownSelect'] option[value='TS']").attr('selected','selected');

如果下拉更改上存在事件绑定，或者调用了任何函数，请尝试以下操作：

$("select[name='dropDownSelect'] option[value='TS']").attr('selected','selected');
$("select[name='dropDownSelect']").trigger('change');

如何使用Jquery设置选择下拉列表的默认值？

2 个答案: