JQUERY Select boxon 更改 function 不起作用

Question

即使我select數據在select盒子里面，select盒子里面的形式也沒有變化。 它在刪除表單后有效，但當表單存在時我無法訪問它。

html 代碼：

<form id="selectFormLanguage" action="" class="language-picker__form">
  <label id="labelSelectData" for="language-picker-select">Select your language</label>
  <select onchange="getval(this);" name="language-picker-select" id="language-picker-select">
    <option lang="en-US" value="english">English</option>
    <option lang="fr-FR" value="francais">Français</option>
    <option lang="tr-TR" value="turkey">Türkçe</option>
  </select>
</form>

JS代碼：

$('#language-picker-select').find('option').click(function() {
    var optionSelected = $(this);
    var valueSelected = optionSelected.val();
    var textSelected = optionSelected.text();
    console.log('dasdasdas')
});

Answer 1

您必須創建getval function，然后調用它。

 const getval = ()=>{ var selectedText = $('#language-picker-select').find(":selected").val(); console.log(selectedText); };

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <form id="selectFormLanguage" action="" class="language-picker__form"> <label id="labelSelectData" for="language-picker-select">Select your language</label> <select onchange="getval();" name="language-picker-select" id="language-picker-select"> <option lang="en-US" value="english">English</option> <option lang="fr-FR" value="francais">Français</option> <option lang="tr-TR" value="turkey">Türkçe</option> </select> </form>