jQuery删除第二个输入值不起作用

jQuery删除第二个输入值不起作用,jquery,Jquery,我正在开始构建一个比较页面 <form> <input type="text" id="input-one" /> <input type="text" id="input-two" /> <button type="submit" value="Compare"></button> </form> <div id="form-image-display"> Basket </div>

我正在开始构建一个比较页面

<form>
  <input type="text" id="input-one" />
  <input type="text" id="input-two" />
  <button type="submit" value="Compare"></button>
</form>

<div id="form-image-display">
  Basket
</div>

<div class="drone" >
<p class="part">H107</p>
</div>
<div class="drone" >
<p class="part">H107D</p>
</div>
<div class="drone" >
<p class="part">H107C</p>
</div>
<div class="drone" >
<p class="part">H107C+</p>
</div>

篮子
H107

H107D

H107C

H107C+

当用户单击灰色产品框时,它会将项目添加到一个篮子中(实际上,它会显示一个图像并填写一个输入字段)

当您单击此生成的图像(作为从篮子中移除的一种形式)时,应该删除该图像并清除相应的表单字段

这似乎适用于一项,但不适用于第二项

有人能解释我遗漏了什么吗

$(document).ready(function(){
    $(".drone").click(function(){
      $(this).addClass('selected');
      var partNumber = $(this).find("p").text();

      if ($("#input-one").val().length == 0 ){
      $('input[type=text]#input-one').val(partNumber),

      $("#form-image-display").append('<img id="'+partNumber+'" class="image-in-basket" src="http://www.cmldistribution.co.uk/product/'+partNumber+'/main.jpg" />');
      }
      else if ($("#input-two").val().length == 0 ){
      $('input[type=text]#input-two').val(partNumber),

      $("#form-image-display").append('<img id="'+partNumber+'"         class="image-in-basket" 
src="http://www.cmldistribution.co.uk/product/'+partNumber+'/main.jpg" />');
      }
    });

  $(document).on('click','.image-in-basket', function(){
    var partNumber = $(this).attr('id');

    if (partNumber = $("#input-one").val(partNumber)){
    $('input[type=text]#input-one').val("")
      $(this).remove();   
    }
    else if (partNumber = $("#input-two").val(partNumber)){
    $('input[type=text]#input-two').val("");
      $(this).remove(); 
    }
   });
});
$(文档).ready(函数(){
$(“.drone”)。单击(函数(){
$(this.addClass('selected');
var partNumber=$(this.find(“p”).text();
if($(“#输入一”).val().length==0){
$('input[type=text]#input one').val(零件号),
$(“#表单图像显示”)。附加(“”);
}
else if($(“#输入两个”).val().length==0){
$('input[type=text]#input two').val(零件号),
$(“#表单图像显示”)。附加(“”);
}
});
$(文档)。在('单击','上。篮子中的图像',函数(){
var partNumber=$(this.attr('id');
if(零件号=$(“#输入一”).val(零件号)){
$('input[type=text]#input one').val(“”)
$(this.remove();
}
else if(零件号=$(“#输入两个”).val(零件号)){
$('input[type=text]#input two').val(“”);
$(this.remove();
}
});
});

请检查代码笔

比较是
=
==
,而不是
=
。Ex
if(partNumber=$(“#输入一”).val(partNumber)){

您也不希望
.val()
中的任何内容出现在
$(“#输入一个”).val(零件号)
的同一行中


比较是
=
=
,而不是
=
.Ex
如果(partNumber=$(“#输入一”).val(partNumber)){
。您也不希望
.val()
中的任何内容出现在
$(“#输入一”).val(partNumber)的同一行中
。分号丢失和其他语法错误也可能是其中的一部分。
$('input[type=text]#input two').val(partNumber),
有一个逗号而不是分号。@area28啊,在同一个'if'中,逗号是可以接受的。我的错。多谢了,老兄。我今天盯着屏幕看得太久了。