使用javascript选择列表相关的输入元素

时间:2014-05-22 11:37:20

标签: javascript php jquery

我有症状,症状,持续时间,提示和参考文本作为我的sql表的结构。它已经填充了很多行,并且在界面上,我需要选择一个symtom,它会在另一个输入中触发它的持续时间,然后在另一个输入中触发它的提示,然后根据数据库中的行触发它的引用文本。 之后,我使用java脚本在界面上添加另一行。代码在

之下
  function showUser(str)
{
if (str=="")
  {
  document.getElementById("txtHint").innerHTML="";
  return;
  } 
if (window.XMLHttpRequest)
  {// code for IE7+, Firefox, Chrome, Opera, Safari
  xmlhttp=new XMLHttpRequest();
  }
else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xmlhttp.onreadystatechange=function()
  {
  if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
    document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","pages/triage/get_prompt.php?q="+str,true);
xmlhttp.send();
}

/ ***结束于此** /

function addRow(tableID) {


        var table = document.getElementById(tableID);

        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);

        var colCount = table.rows[0].cells.length;

        for(var i=0; i<colCount; i++) {

            var newcell = row.insertCell(i);

            newcell.innerHTML = table.rows[1].cells[i].innerHTML;
           // alert(newcell.childNodes);
            switch(newcell.childNodes[0].type) {
                case "text":
                        newcell.childNodes[0].value = "";
                        break;
                case "checkbox":
                        newcell.childNodes[0].checked = false;
                        break;
                case "select-one":
                        newcell.childNodes[0].selectedIndex = 0;
                        break;
            }
        }

    }

    function deleteRow(tableID) {
        try {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;

        for(var i=0; i<rowCount; i++) {
            var row = table.rows[i];
            var chkbox = row.cells[0].childNodes[0];
            if(null != chkbox && true == chkbox.checked) {
                if(rowCount <= 2) {
                    alert("Cannot delete all the rows.");
                    break;
                }
                table.deleteRow(i);
                rowCount--;
                i--;
            }


        }
        }catch(e) {
            alert(e);
        }
    }

我真的需要你的帮助。 到目前为止,我可以成功添加新行,但问题是根据症状自动填充持续时间,提示和参考文本。

1 个答案:

答案 0 :(得分:0)

使用jQuery

需要谷歌CDN的jQuery

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

JS

$.ajax({
  url: "your_url_to_php",
  context: $('#form_id').serialize()
}).done(function() {
  alert( "done" );
});

PHP

<?php
  var_dump($_GET);
?>
相关问题