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
});

Snippet（Vanilla JS）

＆＃13;

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

＆＃13;

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

＆＃13;

Snippet（jQuery）

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

使用jQuery你会使用类似的东西。

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

Answer 3

你快到了。您错过了更改属性中的()：

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 4

在jquery中的函数vl触发器下面更改选择。你可以用这个

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

如何使用onchange函数为javascript选择标记

4 个答案: