Javascript 无法过帐通过document.getElementById（'；div'；）返回的标记。innerHTML_Javascript_Php_Jquery_Html_Css

Javascript 无法过帐通过document.getElementById（'；div'；）返回的标记。innerHTML

javascript php jquery html css

Javascript 无法过帐通过document.getElementById（'；div'；）返回的标记。innerHTML,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我正在使用多个选择元素编写此表单，选项为“是”、“否”或“不适用”。当用户选择“是”选项时，需要在其旁边显示一个单独的日期字段。我在这个日期字段中使用了HTMLDOM document.getElementById（“id”）.innerHTML。一切都进行得很顺利，但我无法使用POST方法将date的值传递给表单操作页面。检查此代码：  <script type="text/javascript"> fu

我正在使用多个选择元素编写此表单，选项为“是”、“否”或“不适用”。当用户选择“是”选项时，需要在其旁边显示一个单独的日期字段。我在这个日期字段中使用了HTMLDOM document.getElementById（“id”）.innerHTML。一切都进行得很顺利，但我无法使用POST方法将date的值传递给表单操作页面。检查此代码：

    <!-- javascript code -->  
  <script type="text/javascript">

function credit_check(name){
  if(name=='YES')document.getElementById('div2').innerHTML='Date: <input type="date" name="credit_check_date" value= "mm/dd/yyyy" />';
  else document.getElementById('div2').innerHTML='';
}
function employment_check(name){
  if(name=='YES')document.getElementById('div3').innerHTML='Date: <input type="date" name="employment_check_date" value= "mm/dd/yyyy" />';
  else document.getElementById('div3').innerHTML='';
}

</script>



</head>

<body>
<?php include("menu.inc"); ?>  
  <div id="main">

 <table>
<form method="post" action="checkinfo.php">  
       <tr><td colspan=2><hr/><input type="hidden" name="consultant_id" value="<?php echo $consult_id; ?>"> </td>

       </tr>

    <tr align="center">
    <td><b>Credit Check </b></td>
    <td>  
            <select name="2" onchange="credit_check(this.options[this.selectedIndex].value)">
            <option selected="selected">Please select ...</option>
                <option value="YES">Yes</option>
                <option value="NO">No</option>
                <option value="NA">Not Applicable</option>
            </select>
        </td>
        <td> <div id ="div2"> </div></td>
  </tr>

 <tr align="center">
    <td><b>Employment Check :<font color='red'>*</font></b></td>
    <td>  
            <select name="3" onchange="employment_check(this.options[this.selectedIndex].value)">
                <option selected="selected">Please select ...</option>
                <option value="YES">Yes</option>
                <option value="NO">No</option>
                <option value="NA">Not Applicable</option>
            </select>
        </td>
        <td> <div id ="div3"> </div></td>
    </tr>

    </form>
</table>


功能信用检查（名称）{
如果（name='YES'）document.getElementById（'div2'）。innerHTML='Date:'；
else document.getElementById（'div2'）。innerHTML=''；
}
功能雇用检查（名称）{
如果（name='YES'）document.getElementById（'div3'）。innerHTML='Date:'；
else document.getElementById（'div3'）。innerHTML=''；
}
加载时将输入放入HTML，然后简单地隐藏/显示它们
    <!-- javascript code -->  
  <script type="text/javascript">

function credit_check(name){
  if(name=='YES')document.getElementById('div2').style.display = 'block';
  else document.getElementById('div2').style.display = 'none';
}
function employment_check(name){
  if(name=='YES')document.getElementById('div3').style.display = 'block';
  else document.getElementById('div3').style.display = 'none';
}

</script>



</head>

<body>
<?php include("menu.inc"); ?>  
  <div id="main">

 <table>
<form method="post" action="checkinfo.php">  
       <tr><td colspan=2><hr/><input type="hidden" name="consultant_id" value="<?php echo $consult_id; ?>"> </td>

       </tr>

    <tr align="center">
    <td><b>Credit Check </b></td>
    <td>  
            <select name="2" onchange="credit_check(this.options[this.selectedIndex].value)">
            <option selected="selected">Please select ...</option>
                <option value="YES">Yes</option>
                <option value="NO">No</option>
                <option value="NA">Not Applicable</option>
            </select>
        </td>
        <td> <div id ="div2" style="display: none;"> 
            Date: <input type="date" name="credit_check_date" value= "mm/dd/yyyy" />
        </div></td>
  </tr>

 <tr align="center">
    <td><b>Employment Check :<font color='red'>*</font></b></td>
    <td>  
            <select name="3" onchange="employment_check(this.options[this.selectedIndex].value)">
                <option selected="selected">Please select ...</option>
                <option value="YES">Yes</option>
                <option value="NO">No</option>
                <option value="NA">Not Applicable</option>
            </select>
        </td>
        <td> <div id ="div3" style="display: none;"> 
            Date: <input type="date" name="employment_check_date" value= "mm/dd/yyyy" />
        </div></td>
    </tr>

    </form>
</table>


功能信用检查（名称）{
if（name='YES'）document.getElementById（'div2'）.style.display='block'；
else document.getElementById（'div2'）.style.display='none'；
}
功能雇用检查（名称）{
if（name='YES'）document.getElementById（'div3'）.style.display='block'；
else document.getElementById（'div3'）.style.display='none'；
}
将功能信用检查（名称）
更改为窗口。信用检查=功能（名称）

window.credit\u check=函数（名称）{
如果（name='YES'）document.getElementById（'div2'）。innerHTML='Date:'；
else document.getElementById（'div2'）。innerHTML=''；
}
window.employment\u check=函数（名称）{
如果（name='YES'）document.getElementById（'div3'）。innerHTML='Date:'；
else document.getElementById（'div3'）。innerHTML=''；
}

您的脚本加载不正确
Uncaught ReferenceError:credit\u check未定义
在控制台中显示错误。没有定义这些函数。您可以像上面那样设置函数或重新定位代码。
您的代码已经在工作了。看
确保JavaScript位于文档的标题部分。
在表中
标记所属的格式中存在一些小问题
您还缺少了“提交”按钮，但它已经开始工作。很抱歉，在删除额外代码时，我可能错误地删除了“提交”按钮。代码运行正常。但是我无法将用户输入的日期发布到checkinfo.php上。谢谢您的帮助：）
window.credit_check = function(name){
    if(name=='YES') document.getElementById('div2').innerHTML='Date: <input type="date" name="credit_check_date" value= "mm/dd/yyyy" />';
    else document.getElementById('div2').innerHTML='';
}

window.employment_check = function (name){
    if(name=='YES') document.getElementById('div3').innerHTML='Date: <input type="date" name="employment_check_date" value= "mm/dd/yyyy" />';
    else document.getElementById('div3').innerHTML='';
}