Javascript input keyup jquery函数不起作用

Javascript input keyup jquery函数不起作用,javascript,jquery,function,input,Javascript,Jquery,Function,Input,我的情况如下: var value=document.getElementByIdvalue.value; 如果值='a'{ '.setting'.append; } elseifvalue='b'{ '.setting'.append; } $document.readyfunction{ $input[name=name].keyupfunction{ 警告文本已更改。; }; }; 您试图选择的输入的名称属性为name,但在HTML中设置的值为name=username $documen

我的情况如下:

var value=document.getElementByIdvalue.value; 如果值='a'{ '.setting'.append; } elseifvalue='b'{ '.setting'.append; } $document.readyfunction{ $input[name=name].keyupfunction{ 警告文本已更改。; }; };
您试图选择的输入的名称属性为name,但在HTML中设置的值为name=username

$document.readyfunction{ $input[name='username'].keyup函数{ 警告文本已更改。; }; }; 更好的方法是为您的输入提供一个唯一的id并据此进行选择,这样您就不必使用属性选择器:

$usernameInput.keyupfunction{…};
您试图选择的输入的名称属性为name,但在HTML中设置的值为name=username

$document.readyfunction{ $input[name='username'].keyup函数{ 警告文本已更改。; }; }; 更好的方法是为您的输入提供一个唯一的id并据此进行选择,这样您就不必使用属性选择器:

$usernameInput.keyupfunction{…}; “.setting”中缺少$,您应该使用.on来捕获动态创建的元素的事件,最好与类一起使用,也可以使用==或更可能的===作为条件

您的代码已修改:

<input type="text" name="name" class="example" placeholder="your name">
<select id="value"></select>
<div class="setting"></div>

<script>
  var value = document.getElementById("value").value;
  if(value==='a'){
    $('.setting').append('<input type="text" name="name" class="example" placeholder="carname">');
  }

  else if(value==='b'){
    $('.setting').append('<input type="text" name="name" class="example" placeholder="fruitname">');
  }
</script>

<script>
 $(document).ready(function(){
   $('body').on('keyup', '.example', function() {
     alert("The text has been changed.");
   });
 });
</script>
“.setting”中缺少$,您应该使用.on来捕获动态创建的元素的事件,最好与类一起使用,也可以使用==或更可能的===作为条件

您的代码已修改:

<input type="text" name="name" class="example" placeholder="your name">
<select id="value"></select>
<div class="setting"></div>

<script>
  var value = document.getElementById("value").value;
  if(value==='a'){
    $('.setting').append('<input type="text" name="name" class="example" placeholder="carname">');
  }

  else if(value==='b'){
    $('.setting').append('<input type="text" name="name" class="example" placeholder="fruitname">');
  }
</script>

<script>
 $(document).ready(function(){
   $('body').on('keyup', '.example', function() {
     alert("The text has been changed.");
   });
 });
</script>

$input[name=name]应为$input[name=username]。输入错误。还有if value='a'而不是if value='a',还有elseif而不是elseif。和缺少$s$。设置“如果您有很多拼写错误,请修复并重试。$input[name=name]应该是$input[name=username]。输入错误。还有if value='a'而不是if value='a',还有elseif而不是elseif。还有缺少$s$。设置“好吧,你有很多拼写错误,修复它,然后再试一次。”。