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)),然后使用逗号,否则只需设置值