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