Question

<select class="form-control">
  <option>Anniversary</option>  
  <option>Birthday</option>

仅在选择生日选项后的javascript我想调用函数name()

Answer 1

请参考 -

＆＃13;

function call(obj){
  if(obj.value=="Birthday"){
    alert();
  }

}

＆＃13;

<select class="form-control" onchange="call(this)">
  <option value="">---select---</option>
  <option value="Anniversary">Anniversary</option>  
  <option value="Birthday">Birthday</option>
  </select>

＆＃13;

Answer 2

我假设你有一个select元素，其中包含一个包含'Anniversary'和'Birthday'的选项列表。您可以使用jQuery监听选项何时被选中，并检查所选选项是否为“生日”。 https://api.jquery.com/change/

$('select').change(function() {
  if ($(this).val() === 'Birthday') {
    name(); // Your name function
  }
});

Answer 3

您可以这样做：

<html>
<head>
<script>
function name1(){
    alert('name1 has been called');
}
function delegate(obj){
    alert('inside delegate. obj is ' + obj.options[obj.selectedIndex].value);
    if(obj.options[obj.selectedIndex].value=='Birthday') {
        name1();
    }
}
</script>
</head>
<body>

<select onchange="javascript:delegate(this);">
  <option>Anniversary</option>  
  <option>Birthday</option>
</select>

</body>
</html>

希望这有帮助

如何在选择选项后在javascript中调用函数

3 个答案: