Как установить значение по умолчанию для выбора выпадающего с помощью Jquery?

Question

Функция setDefaultValue вызывается при изменении операции на странице, поэтому, когда одна операция выполнена, я хочу установить значение dropDown на JavaScript, используя Jquery, чего не происходит с кодом ниже, что реализовано неправильно?

раскрывающийся текст должен содержать 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='dropDownSelect'] option[value='TS']").attr('selected','selected');

Если в раскрывающемся списке есть привязка события или вызвана какая-либо функция, попробуйте следующее:

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

Answer 2

Попробуйте сделать это как

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