Question

基于其他几个线程，我认为我正在寻找的是json_encode（），虽然我真的不明白我的JavaScript函数如何使用输出。我正在尝试做的是允许用户根据需要添加其他选择列表，并从我用来创建初始选择列表的PHP函数中填充这些选项。这是我目前的JavaScript：

<script type="text/javascript">
var assigneeCounter = <?php print checkdata("assignee_count", $formvalues, "1"); ?>;

function addInput(fieldlabel, inputclasses, inputCounter, fieldtype = 'input', selectoptions = false){
  window[inputCounter]++;
  var cleanlabel = fieldlabel.replace(/[^a-zA-Z 0-9]+/g,'');
  var cleanlabel = cleanlabel.replace(/\s+/g, '_').toLowerCase();
  var newdiv = document.createElement('div');
  newdiv.id = cleanlabel + window[inputCounter];
  if (fieldtype == 'input') {
    newdiv.innerHTML = '<div class="form-item"><label for="' + cleanlabel + '_' + window[inputCounter] + '">' + fieldlabel + ' #' + window[inputCounter] + '</label><input type="text" name="' + cleanlabel + '_' + window[inputCounter] + '" id="' + cleanlabel + '_' + window[inputCounter] + '" value="" class="' + inputclasses + '"><span class="space"><a href="javascript:removeInput(\'' + cleanlabel + '\',\'' + inputCounter + '\',\'' + window[inputCounter] + '\');">Remove</a></span>';
  }
  else if (fieldtype == 'select') {
    alert(selectoptions);
    newdiv.innerHTML = '<div class="form-item"><label for="' + cleanlabel + '_' + window[inputCounter] + '">' + fieldlabel + ' #' + window[inputCounter] + '</label><select name="' + cleanlabel + '_' + window[inputCounter] + '" id="' + cleanlabel + '_' + window[inputCounter] + '" class="' + inputclasses + '">
      <span class="space"><a href="javascript:removeInput(\'' + cleanlabel + '\',\'' + inputCounter + '\',\'' + window[inputCounter] + '\');">Remove</a></span>';
  }
  document.getElementById(cleanlabel + "_additions").appendChild(newdiv);
  document.getElementById(cleanlabel + "_count").value = window[inputCounter];
}
function removeInput(fieldlabel, inputCounter, fieldID){
  var element = document.getElementById(fieldlabel + fieldID);
  document.getElementById(fieldlabel + "_additions").removeChild(element);
  window[inputCounter]--;
  document.getElementById(fieldlabel + "_count").value = window[inputCounter];
}
</script>

我正在调用HTML中的函数：

<div id="assignee_additions"></div>
<p><a href="javascript:addInput('Assignee','required-text', 'assigneeCounter', 'select', '<?php print json_encode($assignto); ?>');">Add Another Assignee</a></p>

当我将“fieldtype”的值设置为输入时，它工作得很好，并按预期创建另一个输入字段。删除功能也可以完成它的工作。但我真正需要的是一个选择字段，而不是输入字段，而我缺乏JavaScript知识就是在这里杀了我。

此外，如果有人认为jQuery在这里是一个更好的选择，我当然也对此持开放态度，但我不知道这比传统的JavaScript更好。

提前致谢！

Answer 1

您可以在其他JSON文件中创建php。然后，通过javascript功能，您可以使用AJAX调用来检索生成的JSON。

我相信你想要json_encode代码的<option>值和密钥，对吧？因此，在成功AJAX调用后，解码您的JSON，并为每个值构建一个新选项。

jQuery中的粗略代码如下所示：

$.ajax({
    url: 'giveMeJSON.php',
    dataType: 'json',
    success: function(data){
        $.each(data.options, function(index){
            $('<option>').val($(this).value).text($(this).text).appendTo($('#select_id'));
        }
    }
})

了解$.ajax和AJAX。

需要将PHP数组传递给Javascript函数

1 个答案: