Jquery 选择更改事件_Jquery - Fatal编程技术网

Jquery 选择更改事件

jquery

Jquery 选择更改事件,jquery,Jquery,JS HTML 第1卷第1期（2012）：JISR计算杂志似乎不起作用。为什么？更改选择值时为什么不显示警报。。你的问题可能在别处。。您的问题可能在其他地方。您需要使用$（document）.ready（function（）{…}）（或其简写形式$（function（）{…}）；），或者只需将该脚本移动到页面底部，就在结束正文标记（）之前此外，还有许多更好的方法可以用来获取值，而不是使用.attr（'value'）（我甚至不相信它会像您所希望的那样工作）。调用.val（）（或其简写形式

HTML


第1卷第1期（2012）：JISR计算杂志

似乎不起作用。为什么？

更改选择值时为什么不显示警报。

。你的问题可能在别处。

。您的问题可能在其他地方。

您需要使用

$（document）.ready（function（）{…}）

（或其简写形式

$（function（）{…}）；

），或者只需将该脚本移动到页面底部，就在结束正文标记（

）之前

此外，还有许多更好的方法可以用来获取值，而不是使用

.attr（'value'）

（我甚至不相信它会像您所希望的那样工作）。调用

.val（）

（或其简写形式

$（function（）{…}）；

），或者只需将该脚本移动到页面底部，就在结束正文标记（

）之前

此外，还有许多更好的方法可以用来获取值，而不是使用

.attr（'value'）

（我甚至不相信它会像您所希望的那样工作）。调用

.val（）
<select id='issue_no' name='issue_non'>
    <option value='_empty' selected='selected' style='display:none;'></option>
    <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
</select>

你可以用like
<select id='issue_no' name='issue_non'>
    <option value='_empty' selected='selected' style='display:none;'></option>
    <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
</select>

确保您正在引用jQuery：
$(function() {
   $('#issue_no').on("change", function()
   {
      alert('Value change to ' + $(this).val());
   });
});

确保检查您的id
和标记的结构是否正确：
$(function(){
  /* Code Here */
});

在所有这些之后，它起作用了：
和往常一样，确保页面上其他地方没有问题
$(function(){
    $("#issue_no").on("change", function(){
        alert( this.value );
    });
});


警报选定值
$（函数（）{
美元（“#发行号”）。关于（“更改”，功能（）{
警报（该值）；
});
});
第1卷第1期（2012）：JISR计算杂志
确保您引用的是jQuery：
$(function() {
   $('#issue_no').on("change", function()
   {
      alert('Value change to ' + $(this).val());
   });
});

确保检查您的id
和标记的结构是否正确：
$(function(){
  /* Code Here */
});

在所有这些之后，它起作用了：
和往常一样，确保页面上其他地方没有问题
$(function(){
    $("#issue_no").on("change", function(){
        alert( this.value );
    });
});


警报选定值
$（函数（）{
美元（“#发行号”）。关于（“更改”，功能（）{
警报（该值）；
});
});
第1卷第1期（2012）：JISR计算杂志

$（文档）.ready（函数（）{
$（“#发行号”）。关于（'change'，函数（）{
警报（'值更改为'+$（this.attr（'值'））；
});
});
第1卷第1期（2012）：JISR计算杂志

$（文档）.ready（函数（）{
$（“#发行号”）。关于（'change'，函数（）{
警报（'值更改为'+$（this.attr（'值'））；
});
});
第1卷第1期（2012）：JISR计算杂志
你说的“不工作”是什么意思？它是否没有提醒任何东西，或者它是否提醒了错误的值？您所说的“不工作”是什么意思？它不会提醒任何东西，还是提醒了错误的值？如果您使用的是jQuery 1.7+，尽管它们在功能上是等效的（.change（）
将在传递函数时调用jQuery代码中的.on（）
）.我不认为使用最新版本的jquery有什么问题…这更好，因为它将解决许多问题并单独使用新功能，我不能保证如果更新到最新版本，不会出现任何问题，而且我没有时间回去重新测试（然后可能修复）那么多代码。你可以，如果您使用的是jQuery 1.7+，尽管它们在功能上是等价的（.change（）
将在传递函数时调用jQuery代码中的.on（））。我不认为使用最新版本的jQuery有什么问题……这更好，因为它可以解决许多问题并单独使用新函数，我不能保证，如果我更新到最新版本，任何东西都不会损坏，而且我没有时间回去重新测试（然后可能修复）那么多代码。然后你需要使用“on”。如果你动态地附加元素，那么你的代码就不能工作了，这是一个标准的事件绑定到一个元素，在代码运行时它被假定存在，而不是动态元素的事件委派。此外，句子以大写字母开头，“you”和“are”其实并不长——别偷懒，把它们打出来，这样会给人留下更好的印象。然后你需要使用“on”。如果你动态地附加元素，那么你的代码就不能工作了，这是一个标准的事件绑定到一个元素，在代码运行时它被假定存在，而不是动态元素的事件委派。另外，句子以大写字母开头，“you”和“are”真的不是很长的单词——不要偷懒，把它们打出来，这样会给人留下更好的印象。我不知道问题出在哪里，但是跟着你的帖子，我设法解决了。我不知道问题出在哪里，但是跟着你的帖子，我设法解决了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript" src="Scripts/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#issue_no').on('change', function () {
                alert('Value change to ' + $(this).attr('value'));
            });
        });
    </script>
</head>
<body>
    <select id='issue_no' name='issue_non'>
        <option value='_empty' selected='selected' style='display: none;'></option>
        <option value="ABC">Vol 1, No 1 (2012): Journal of JISRComputing</option>
    </select>
</body>
</html>