Jquery：选择/选项更改时的功能答案

【问题标题】：Jquery: function when select/otpion changeJquery：选择/选项更改时的功能
【发布时间】：2017-08-14 12:40:21
【问题描述】：

这个脚本没有任何反应。有什么建议吗？我只想在选择一个选项时做出一个动作。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<script>
$('#something').on('change', function() {
    console.log("hello");
})
</script>

<form id="target" method="POST" >
    <select id="something"> 
        <option></option>
        <option>Value1</option>
        <option>Value2</option>
        <option>Value3</option>
    </select>
</form>

【问题讨论】：

尝试修复自己的代码 sn-p。也许之后它会起作用。
您问题中的 sn-p 不起作用，因为您已将 html 放在 JS 窗口中，但如果将该代码放在“正常”页面上，只要脚本元素在表单之后。要么将您的 .change() 处理程序代码包装在文档就绪处理程序中。

标签： javascript jquery forms select onchange

【解决方案1】：

您放错了代码。检查这个:)

$(function() {
  $('#something').on('change', function() {
  alert(2);
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="target" method="POST">
  <select id="something"> 
        <option></option>
        <option>Value1</option>
        <option>Value2</option>
        <option>Value3</option>
    </select>
</form>

【讨论】：

【解决方案2】：

检查一下，

$('#something').on('change', function() {
    console.log("hello");
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

<form id="target" method="POST" >
    <select id="something"> 
        <option></option>
        <option>Value1</option>
        <option>Value2</option>
        <option>Value3</option>
    </select>
</form>

你准备了错误的sn-p。在脚本块中它应该是纯 javascript 并且包括 js 应该在 html 块中。你写在js块里

【讨论】：

你至少可以解释你的答案。否则，当前的评论会比这个好得多。

【解决方案3】：

这可能会有所帮助

$('select').on('change', function() {
  alert( this.value );
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<select>
    <option value="1">One</option>
    <option value="2">Two</option>
</select>

【讨论】：

【解决方案4】：

<html>
<title>Test</title>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
</head>

<body>
<form id="target" method="POST" >
    <select id="something"> 
        <option></option>
        <option>Value1</option>
        <option>Value2</option>
        <option>Value3</option>
    </select>
</form>
</body>

<script>
$('#something').change(function() {
  alert( "Handler for .change() called." );
});
</script>
</html>

【讨论】：