标签: onchange

我有一个显示记录列表的页面.用户可以使用单选按钮选择记录状态,例如:

<div id="record_653">
  <label><input type="radio" name="status_653" value="new" checked/>new</label>
  <label><input type="radio" name="status_653" value="skipped" />skipped</label>
  <label><input type="radio" name="status_653" value="downloaded" />downloaded</label>
</div>

我正在使用JQuery将用户所做的更改发送回服务器,在那里我使用它们来更新数据库.这是我所做的简化版本:

$("#record_653").click( 
function(event) { 
    var url = ...,        
        params = ...;
    post(url,params);                    
});

问题是,即使用户单击先前检查过的相同按钮,此代码也会创建请求.我真正想要的是"on change"事件,除了它在Internet Explorer中的行为不是很有用(例如这里).

所以我想我不知何故必须确定click事件是否改变了值.

旧值是存储在某个地方(在事件中的DOM？中)所以我可以比较它？

如果没有,我应该如何存储旧值？

    $(document).ready(function() {
        $('#text').live('change', function() {
            alert('hello');
        });
        $('#button').live('click', function() {
            $('#text').val('some text');
        });
    });  

    <div>
        <input type="button" id="button" value="Click Me" />
        <input type="text" id="text" />
    </div>

change单击按钮后,如何在文本框触发器上创建该功能？谢谢

我知道这个问题已经被问了很多,但似乎没有什么对我有用.我读了很多问题和答案.

我正在使用JQuery事件来处理ASP.NET控件的事件,但事件不会触发.

这就是我尝试过的:

我的DropDownList:

<asp:DropDownList ID="List_ValueStream" runat="server" Width="195px" />

我尝试将事件添加到DropDownList,所有测试都单独测试:

在:

    <script src="http://code.jquery.com/jquery.min.js" type="text/javascript">
          ...
    </script>

/

    $(document).ready(function () {
        $("#<%=List_ValueStream.ClientID%>").change(function () {
            alert('1 Handler for .change() called.');
        });
    });

/

    $(document).ready(function () {
        $("#List_ValueStream").change(function () {
            alert('2 Handler for .change() called.');
        });
    });

/

    $(document).ready(function () {
        $("#List_ValueStream").on('change', function () {
            alert('3 Handler for .change() called.');
        });
    });

/

    $("#<%=List_ValueStream.ClientID%>").change(function () {
          alert('4 Handler for .change() called.');
    });

/

    $("#List_ValueStream").change(function () {
        alert('5 Handler for .change() called.');
    });

我正在尝试onChange在select元素上添加事件.html看起来像这样:

<select name="to" onChange="if(type(this.selectedIndex) != undefined){ alert('hello'); }">
    <option value="newsletter">Alle nieuwsbrief-abonnees</option>
    <option value="customer_all">Alle klanten</option>
    <option value="customer_group">Klantengroep</option>
    <option value="customer">Klanten</option>
    <option value="affiliate_all">Alle affiliates</option>
    <option value="affiliate">Affiliates</option>
    <option value="product">Producten</option>
    <option value="marketing">Alle Marketing Abbonnees</option>
    <option value="marketing_all">Alle Marketing</option>
    <option value="subscriber">Alle Nieuwsbrief Abbonnees &amp; Marketing Abbonnees</option>
    <option value="all">Alle Klanten &amp; Marketing</option>
    <option value="old_brian">Oude lijst Brian</option>
    <option value="old_dunamis">Oude lijst Dunamis</option>
    <option value="old_frohlich">Oude lijst Frohlich</option>
    <option value="old_gaithers">Oude lijst Gaithers</option>
    <option value="old_gospel7">Oude lijst Gospel7</option>
    <option value="old_lifeshop">Oude lijst Lifeshop</option>
    <option value="old_meyer">Oude lijst Meyer</option>
    <option value="old_opwekking">Oude lijst Opwekking</option> …

我在网页上有一个select-option块,我希望它可以触发任何选中的选项.但是,第一个选项永远不会激活onselect:即使之前选择了以后的选项也是如此.

例如,如果我的代码是:

Settings:
Sensitivity: <select id="sensitivity" onchange="if (this.selectedIndex) ajaxUpdateConfig();">
  <option value="25">25%</option>
  <option value="50">50%</option>
  <option value="100" selected>100</option>
</select>

...然后选择第一个选项,25%,永远不会触发onchange()事件.

类似地,如果第一个选项是默认值,并且用户改变它,然后想要返回它,那么也不会触发onchange事件.

注意:我知道"第一个选择不会生成onchange事件"问题的标准答案是制作一个虚拟(禁用)第一个选项.但这不适合此页面的设计:菜单表示显示当前状态,同时提供用户可以更改设置的选项.对于此页面,有一个虚拟条目是糟糕的界面设计.

我有一个实时搜索方法，可以在您在文本框中键入时进行搜索。它使用的服务需要很长时间，因此我决定仅在用户暂停或停止输入 n 秒（例如 0.5 秒）时调用搜索服务。在这样做的同时

j$132('#AdvanceSearch table:first input').unbind('keyup').keyup(function () {
    window.setTimeout(function () {
        LoadAdvanceSearch();
    }, 500);
});

它等待 500 毫秒，这很好，但是对于每个键，它等待然后发送另一个服务调用。

是否有一个技巧，在 onkeyup 下它只在用户完成输入时调用该方法一次。

我尝试在第一次调用 ajax jquery 更改后从框架传递到 div 不起作用然后在框架中它正在工作

单击菜单时，我第一次加载我的页面。我选择了一个personnage刷新没问题

但是当我尝试修改 XPS 后，事件 onchange 不起作用

<script type="text/javascript" src="{$URL_BASE}js/prototype.js"></script>
<script type="text/javascript">var URL_BASE='{$URL_BASE}'</script>
<script type="text/javascript" src="{$URL_BASE}js/jquery.min.js"></script>
<script type="text/javascript" src="{$URL_BASE}page.js"></script>
<script type="text/javascript" src="{$URL_BASE}menu_mj.js"></script>
</head>
<body>
<div id="frame-menu">
 <a href="#" onclick="return menu_displaycentre('frame-centre','{$URL_BASE}page.php');
  ma page
 </a>
</div>
<div id="frame-centre">
</div>

提取页面

    <script type="text/javascript" src="{$URL_BASE}js/prototype.js"></script>
<script type="text/javascript" src="{$URL_BASE}js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="page.js"></script>
</head>
<body>
<form method="post" id="recherche" name="recherche" action="">
   <input type="hidden" name="ACT" value="rech_perso" />
   RECHERCHE D'UN COMPTE<br />
   Id,Login, email, ip ou nom de personnage : (2 lettres min)<br /> …

如何从html表单文本框上的onchange调用php函数？我试过了

<input onchange="phpfunction()" ..... >

<?php
function phpfunction() {
my function
}
?>

任何帮助？我似乎无法弄明白.

谢谢

我想在输入10个字符后停止在文本字段中输入.

到目前为止我没有工作:

$(document).ready(function() {
  $('#comment').keypress(function(event){

    if ($('#comment').val()).length == 10) {
        event.preventDefault();
    }

  });
});

我错过了什么？

如何用点自动替换输入中的所有逗号？

我有这个输入：

<input type="text" id="test" onChange="testfunc()"> </input>

到目前为止，这是我的工作：

function testfunc() {
  var testnr = document.getElementById("test").value;
  testnr = testnr.replace(/,/g, '.');
}