Go语言视频零基础入门到精通

admin

今天工作的时候 遇到了用jquery选择 input输入框， 监听input中的内容变化，然后将input中的内容获取到，赋值给另一个input输入框。


这种逻辑本来很简单的。代码如下：

1. [code][b]$[/b]([b]".showProductInfo"[/b]).append([b]"<tr>"
2. [/b]+[b]"<td></td>"
3. [/b]+[b]"<td>批量设置</td>"
4. [/b]+[b]"<td><input type="number" class="product_info" name="setPrice" id="setPrice" onchange="[/b][i]setprice[/i][b]()" value="" /></td>"
5. [/b]+[b]"<td><input type="number" class="product_info" name="setStock" id="setStock" value="" /></td>"
6. [/b]+[b]"</tr>"[/b]);

复制代码

[/code]

1. $([b]"input[name=setStock]"[/b]).on([b]"change"[/b],[b]function[/b](){
2.    [b]console[/b].log($([b]"[name=setStock]"[/b]).val());
3.    $([b]"[name=stock]"[/b]).val($([b]"#setStock"[/b]).val());
4. });

复制代码

我是尽量确保前面一段代码在后一段代码之前加载了，但是通过这种方式 选择不到 id=setStock的input输入框。
..............
十分钟后
我发现

1. [b]$[/b]([b]".showProductInfo"[/b]).append([b]"<tr>"
2. [/b]+[b]"<td></td>"
3. [/b]+[b]"<td>批量设置</td>"
4. [/b]+[b]"<td><input type="number" class="product_info" name="setPrice" id="setPrice" onchange="[/b][i]setprice[/i][b]()" value="" /></td>"
5. [/b]+[b]"<td><input type="number" class="product_info" name="setStock" id="setStock" value="" /></td>"
6. [/b]+[b]"</tr>"[/b]);这段代码是在一个按钮出发的，

复制代码

复制代码

1. 但是$([b]"input[name=setStock]"[/b]).on([b]"change"[/b],[b]function[/b](){   [b]console[/b].log($([b]"[name=setStock]"[/b]).val());   $([b]"[name=stock]"[/b]).val($([b]"#setStock"[/b]).val());});我是反在了script标签的尾部了。所以按钮没有点击之前，这段代码就已经执行了，此时上面的[code][b]$[/b]([b]".showProductInfo"[/b]).append()还没有执行！！！

复制代码

1. [/code][code]原因找到了！

复制代码

1. 为了找到原因我还专门把第一个setprice（）方法写到html中，变成html事件处理事件。 唉低级错误！！记录一下！共勉！

复制代码

1. [/code]

复制代码

复制代码

复制代码