Jquery change 第一次不触发！！发疯了

首先
$("#xx").change(function) 並不是觸發事件，是綁定事件
代表你每執行一次 function(data) 就會綁定一次第一次會執行綁定，所以你再操作的時候，就會執行change事件，然後再執行function(data) 再綁定一次
當你再繼續變更的時候，因為綁定2次，就會執行change裡的事件兩次
-------------------------------------------------------------------------$("#xx").change(function) 應該在你文件載入後就執行

难道是不用函数名的缘故？function changelocation()--》function

1. 检查一下你事件的绑定逻辑是不是正确, 是不是没有绑定上事件
2. change事件只在select的值发生变化时才会触发, 例如默认值为1, 再点1是不会触发的
3. 一个写法, 绑事件处理函数时$().change(function(){});直接使用匿名函数就行了

当一个HTML元素的属性用js改变的时候，都能通过 onpropertychange来捕获。
lz可以这样试试：
$("#afterSelectedHandlerInput").bind( 'propertychange', function () {
……
}

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="../JS/calendar3.js" type="text/javascript"></script>
<title>无标题文档</title>
<link rel="stylesheet" type="text/css" href="css/css.css" /> <script language = "JavaScript">
var onecount;
subcat = new Array();

subcat[0] = new Array("0755-29193355/15013857663  13924614729","深圳市光电有限公司","0755-000000/139000000");

subcat[1] = new Array("0755-84262266/13728823089","深圳市源兴五金建材有限公司","0755-111111/139111111");

subcat[2] = new Array("0755-61292111/13510204072","深圳市家百五金有限公司","0755-222222/139222222");

subcat[3] = new Array("0755-28630909/13632858654","深圳市喷绘广告有限公司","0755-333333/139333333");

subcat[4] = new Array("0755-84688750/18948323968","深圳市电镀有限公司","0755-444444/139444444");

subcat[5] = new Array("0755-84860226/13609611021","深圳市保险代理有限公司","0755-555555/139555555");

subcat[6] = new Array("0755-89456043/13684980315","深圳市家具五金有限公司","0755-666666/139666666");

subcat[7] = new Array("0755-28997036/13925271566","深圳市玻璃有限公司","0755-777777/139777777");

onecount=103;
</script>
    <script type="text/javascript" src="cs/lib/jquery-1.7.1.min.js" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="cs/src/jquery.autocomplete.css" charset="utf-8"></link>
    <script type="text/javascript" src="cs/src/jquery.autocomplete.min.js" charset="utf-8"></script>
    <link href="cs/lib/google-code-prettify/prettify.css" type="text/css" charset="utf-8" rel="stylesheet" />
    <script type="text/javascript" src="cs/lib/google-code-prettify/prettify.js" charset="utf-8"></script>
    <script src="cs/lib/google-code-prettify/beautify.min.js" charset="utf-8"></script>
    <link href="cs/doc/doc.css" rel="stylesheet" type="text/css" charset="utf-8"/>
<script type="text/javascript">
        var prepareDemo = function(input, pre, funcname){
            var func = alltest[funcname],
                code = $.browser.mozilla ? js_beautify(func+"") : func+"";            $(pre).text(code);            prettyPrint();            func.apply(this, [input]);
        }        $(document).ready(function(){
            prepareDemo('#afterSelectedHandlerInput', '#afterSelectedHandlerPre', 'testAfterSelected');
        });
var alltest = {};
alltest.testAfterSelected = function(input){
    $(input).AutoComplete({
        'data': ['深圳市光电有限公司','深圳市源兴五金建材有限公司','深圳市家百五金有限公司','深圳市喷绘广告有限公司','深圳市电镀有限公司','深圳市保险代理有限公司','深圳市家具五金有限公司','深圳市玻璃有限公司' ],
'maxHeight': 300,
        'afterSelectedHandler':function(data){

$("#afterSelectedHandlerInput").change(function changelocation()
{
document.add.gysdh.length = 1;
var datas=data.value;
var i;
for (i=0;i < onecount; i++)
{
if (subcat[i][1] == datas)
{
document.add.gysdh.value = subcat[i][0];
}
}
});  }
    });
};
    </script>
    </head><body>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td height="37" valign="bottom">申请外加单</td>
  </tr>
</table>
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td> </td>
  </tr>
</table><form name="add" method="post" action="?Action=add&orderid=209&bh=20140911140722&gdnames=王金平" onSubmit="return check()">
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#F0F0F0">
  <tr>
    <td width="8%" height="46" align="right" bgcolor="#FFFFFF">外加工单名称：</td>
    <td width="92%" align="left" bgcolor="#FFFFFF">
      <select name="title"  id="title">
        <option value="">==请选择==</option>

        <option value="玻璃加工">玻璃加工</option>

        <option value="五金加工">五金加工</option>

        <option value="灯具加工">灯具加工</option>

        <option value="广告加工">广告加工</option>

        <option value="木线加工">木线加工</option>

        <option value="其他加工">其他加工</option>

        <option value="电镀加工">电镀加工</option>

        <option value="机械加工">机械加工</option>

        <option value="外发加工">外发加工</option>

      </select></td>
  </tr>

  <tr>
    <td height="48" align="right" bgcolor="#FFFFFF">供应商信息：</td>
    <td align="left" bgcolor="#FFFFFF"> <input id="afterSelectedHandlerInput" name="gysname"  type="text" /> <input name="gysdh" type="text" class="input" id="gysdh" size="60" readonly="readonly" /></td>
  </tr>

</table>
</form>

调试易

Jquery change 第一次不触发！！发疯了

解决方案 »