Javascript 如何在文本框中增加值
我有一些Javascript 如何在文本框中增加值,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,我有一些复选框。我正在从数据库中检索数据以填充复选框,以确定要选中哪一个,如果是其他数据,我需要在文本框中写入值 示例:categories=“椰子、苹果、橘子” 因此,我需要选中复选框椰子&其他,并在文本框中选中“苹果,橙色” 我在文本框中得到的结果只有“苹果”,有人能帮我吗 $.ajax({ type:"POST", url:"EditFarmerData.php", dataType: 'json', data:{'EditFarmerID': EditFarmerID},
复选框
。我正在从数据库中检索数据以填充复选框,以确定要选中哪一个,如果是其他数据,我需要在文本框中写入值
示例:categories=“椰子、苹果、橘子”
因此,我需要选中复选框椰子
&其他,并在文本框中选中“苹果
,橙色
”
我在文本框中得到的结果只有“苹果”,有人能帮我吗
$.ajax({
type:"POST",
url:"EditFarmerData.php",
dataType: 'json',
data:{'EditFarmerID': EditFarmerID},
success: function (data) {
for (x in data.categories) {
switch(data.categories[x]) {
case'Cacao':
$("#EditFarmerForm input[type=checkbox][value=Cacao]").prop("checked",true);
break;
case'Coconuts':
$("#EditFarmerForm input[type=checkbox][value=Coconuts]").prop("checked",true);
break;
case'Bananas':
$("#EditFarmerForm input[type=checkbox][value=Bananas]").prop("checked",true);
break;
case'':
$('#EditFarmerForm input[type=checkbox]').prop('checked',false);
$("#Editotherproduct").val("") ;
break;
default:
$("#EditFarmerForm input[type=checkbox][value=Others]").prop("checked",true);
$("#Editotherproduct").val(data.categories[x]);
break;
}
}
}
});
应该是这样的,简单的方法是使用textbox中的旧值+要追加到textbox中的新值的字符串串联
$.each(data.categories, function(key, value) {
switch(data.categories[x])
{
case'Cacao':
$("#EditFarmerForm input[type=checkbox][value=Cacao]").prop("checked",true);
break;
case'Coconuts':
$("#EditFarmerForm input[type=checkbox][value=Coconuts]").prop("checked",true);
break;
case'Bananas':
$("#EditFarmerForm input[type=checkbox][value=Bananas]").prop("checked",true);
break;
case'':
$('#EditFarmerForm input[type=checkbox]').prop('checked',false);
$("#Editotherproduct").val("") ;
break;
default:
$("#EditFarmerForm input[type=checkbox][value=Others]").prop("checked",true);
var temp = $("#Editotherproduct").val();
$("#Editotherproduct").val(temp+","+value);
break;
}
});
应该是这样的,简单的方法是使用textbox中的旧值+要追加到textbox中的新值的字符串串联
$.each(data.categories, function(key, value) {
switch(data.categories[x])
{
case'Cacao':
$("#EditFarmerForm input[type=checkbox][value=Cacao]").prop("checked",true);
break;
case'Coconuts':
$("#EditFarmerForm input[type=checkbox][value=Coconuts]").prop("checked",true);
break;
case'Bananas':
$("#EditFarmerForm input[type=checkbox][value=Bananas]").prop("checked",true);
break;
case'':
$('#EditFarmerForm input[type=checkbox]').prop('checked',false);
$("#Editotherproduct").val("") ;
break;
default:
$("#EditFarmerForm input[type=checkbox][value=Others]").prop("checked",true);
var temp = $("#Editotherproduct").val();
$("#Editotherproduct").val(temp+","+value);
break;
}
});
在默认情况下
将值设置为$(“#Editotherproduct”)
时,它将始终更新为最后一个值
要解决此问题,应首先获取当前值:
var currentOtherProductValue = $("#Editotherproduct").val();
然后用现有值添加[concate],您可以按自己的方式执行
以下是简单的解决方案:
default:
$("#EditFarmerForm input[type=checkbox][value=Others]").prop("checked",true);
var currentOtherProductValue = $("#Editotherproduct").val()
$("#Editotherproduct").val(currentOtherProductValue+','+ data.categories[x]);
break;
在默认情况下
将值设置为$(“#Editotherproduct”)
时,它将始终更新为最后一个值
要解决此问题,应首先获取当前值:
var currentOtherProductValue = $("#Editotherproduct").val();
然后用现有值添加[concate],您可以按自己的方式执行
以下是简单的解决方案:
default:
$("#EditFarmerForm input[type=checkbox][value=Others]").prop("checked",true);
var currentOtherProductValue = $("#Editotherproduct").val()
$("#Editotherproduct").val(currentOtherProductValue+','+ data.categories[x]);
break;
谢谢,但我有一个小问题,在文本框的开头总是有“,”你可以检查“currentOtherProductValue”是否有一些值,然后添加值,否则只需设置值。例如:用if($.trim(currentOtherProductValue))检查,然后用逗号,否则只需设置值谢谢,但我有一个小问题,就是在文本框的开头总是“,”你可以检查“currentOtherProductValue”是否有一些值,然后添加值,否则只需设置值。例如:检查if($.trim(currentOtherProductValue)),然后使用逗号,否则只需设置值