如何為JavaScript使用onchange函數選擇標記

Question

我正在嘗試在用戶更改它時更新我的​​組合框值。

在html代碼中：

<select class="combobox" id="recs" name="recs" onchange="changeRecs">
    <option value=5>5</option>
    <option value=10>10</option>
    <option value=20>20</option>
</select>

JavaScript代碼：

$scope.changeRecs = function() {
    //somethings
    $scope.loadTable();
}

感謝您的幫助...

Answer 1

您的語法有誤：

<select class="combobox" id="recs" name="recs" onchange="changeRecs">
<!-----------------------------------------------------------------^

您忘記了括號() 。

您只需要做：

document.querySelector("#recs").onchange = function (e) {
  // some things
  alert("Changed");
}

在jQuery中，您可以執行以下操作：

$('#recs').on('change', function(){
    //action here
});

片段（Vanilla JS）

 document.querySelector("#recs").onchange = function (e) { // some things alert("Changed to " + this.value); } 

 <select class="combobox" id="recs" name="recs" onchange="changeRecs"> <option value=5>5</option> <option value=10>10</option> <option value=20>20</option> </select> 

片段（jQuery）

 $('#recs').on('change', function () { //action here alert("Changed to " + $(this).val()); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <select class="combobox" id="recs" name="recs" onchange="changeRecs"> <option value=5>5</option> <option value=10>10</option> <option value=20>20</option> </select> 

Answer 2

使用jQuery，您將使用類似這樣的東西。

$('#recs').on('click', function(){
    //action here
});

Answer 3

你快到了。 您錯過了change屬性中的() ：

 function changeRecs() { alert('has changed'); } 

 <select class="combobox" id="recs" name="recs" onchange="changeRecs()"> <option value=5>5</option> <option value=10>10</option> <option value=20>20</option> </select> 

Answer 4

在jQuery中函數vl觸發器下面的選擇更改時 你可以用這個

 $("#recs").change(function() { 
    //perform the operation whatever u required 
 });