Javascript 我在这里有一个按钮，并尝试在jFIDLE和它的工作，但在html的不是它做它

它在JSFIDLE中工作，但在notepad++中不起作用。为什么？ 只有第一个按钮有效，但第二个按钮无效。我试图更改id使其唯一，但它也不起作用。我也尝试了该类也不起作用。这里有什么问题吗？有人能帮我吗？我真的需要有人能帮我解决这个问题。先谢谢你

JS代码：

function getDate() {

    var sd = document.getElementById('start_date').value;
    var d = document.getElementById('duration').value;




    var date = new Date(sd);
    var newdate = new Date(date);
    var durations = parseInt(d);

    newdate.setDate((newdate.getDate() + durations)-1);


    var dd = newdate.getDate();
    var mm = newdate.getMonth()+1;
    var y = newdate.getFullYear();

    var someFormattedDate = y + '-' + mm + '-' + dd;
    document.getElementById('end_date').value = someFormattedDate;




} 

PHP代码：

&sme\u id=&pc\u id=“enctype=”多部分/表单数据”>

专业
舞台
任务
任务标记
标记
目的地标记
天
持续时间
开始
完成




函数getDate（id）{
id=id.match（/\d+/）；
var sd=document.getElementById（'start\u date'+id.）。值；
var d=document.getElementById（'duration'+id）.value；
var日期=新日期（sd）；
var newdate=新日期（日期）；
var持续时间=parseInt（d）；
newdate.setDate（（newdate.getDate（）+持续时间）-1）；
var dd=newdate.getDate（）；
var mm=newdate.getMonth（）+1；
var y=newdate.getFullYear（）；
var someFormattedDate=y+'-'+mm+'-'+dd；
document.getElementById（'end\u date'+id）。value=someFormattedDate；
}

专业
舞台
任务
任务标记
标记
目的地标记
天
持续时间
开始
完成







函数getDate（id）{
id=id.match（/\d+/）；
var sd=document.getElementById（'start\u date'+id.）。值；
var d=document.getElementById（'duration'+id）.value；
var日期=新日期（sd）；
var newdate=新日期（日期）；
var持续时间=parseInt（d）；
newdate.setDate（（newdate.getDate（）+持续时间）-1）；
var dd=newdate.getDate（）；
var mm=newdate.getMonth（）+1；
var y=newdate.getFullYear（）；
var someFormattedDate=y+'-'+mm+'-'+dd；
document.getElementById（'end\u date'+id）。value=someFormattedDate；
}

专业
舞台
任务
任务标记
标记
目的地标记
天
持续时间
开始
完成






ts在JSFIDLE中工作，但在notepad++中不工作
，因为notepad++不是web浏览器。如何解决这个问题？它不工作，因为存在重复的ID，并且它们应该对每个元素都是唯一的。您可能希望修复问题中的HTML代码，以区分具有不同ID的元素。如果我使其唯一，那么javascript不是吗？我从id
ts调用的那些数据在JSFIDLE中有效，但在notepad++
中无效，因为notepad++不是web浏览器。如何解决这个问题？它不起作用，因为存在重复的id，并且它们应该对每个元素都是唯一的。您可能需要修复问题中的HTML代码，以将元素与di区分开来不同的ID。如果我使其唯一，那么javascript呢？我从IDL调用的那些数据尝试使用从数据库获取的数据来实现。但它仍然不起作用。我在这里没有做错什么吗？您的HTML代码有一些错误，因为有一些元素没有正确关闭，在head表中，您也打开了元素并关闭了。我已经编辑了我的答案并包含了工作代码段。我保留了PHP代码的原样，现在尝试使用代码段中的HTML代码，看看它是否工作。尝试使用从数据库获取的数据来实现。但它仍然不工作。我在这里没有做错什么吗？您的HTML代码有一些错误，因为有一些元素没有正确关闭，另外，在head表中，您打开了元素并用其关闭。我已经编辑了我的答案并包含了工作代码段。我保留了PHP代码的原样，现在尝试使用代码段中的HTML代码，看看它是否有效。
<tr>
    <th style="font-family:century gothic"><strong><font color="black">Major</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Stage</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Task</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Task Mark</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Marking</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Destination Marking</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Days</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Duration</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Start</font></strong></td>
    <th style="font-family:century gothic"><strong><font color="black">Finish</font></strong></td>  
    <th></th>
</tr>
</thead>
<tbody>
<?
    //GET DATA FROM PROJECT_SCHEDULE
    /*$sql ="SELECT task_name,task_mark,marking,destination_marking,start_date,end_date FROM project_detail_new
            WHERE stage_id='1'";*/

    /*$sql = "SELECT ps.ps_id,ps.pc_id,ps.major_id,pms.major_name,ps.stage_id,psl.stage_name,ps.task_id,pst.task_name,
            ps.task_mark,ps.marking,ps.destination_marking,ps.days,ps.duration,ps.start_date,ps.end_date,ps.sys_id,ps.agency_id   
            FROM project_schedule ps 
            LEFT JOIN project_major_stage pms 
            ON ps.major_id=pms.major_id 
            LEFT JOIN project_stage_list psl 
            ON ps.stage_id=psl.stage_id 
            LEFT JOIN project_stage_task pst 
            ON ps.task_id=pst.task_id 
            WHERE ps.pc_id='$pc_id'";*/
    $sql= "SELECT DISTINCT(ps.major_id),pms.major_name 
           FROM project_schedule ps 
           LEFT JOIN project_major_stage pms 
           ON ps.major_id=pms.major_id 
           WHERE ps.pc_id='$pc_id' ";

    $select = mysql_query($sql);
    $i= 1;
    while($list =mysql_fetch_array($select))
    {

        $major_name=$list['major_name'];
        $major_id=$list['major_id'];
?>
<tr>
    <td style ="font-family:century gothic"colspan="12"><strong><font color="black"><?echo $list['major_name'];?></font></strong></td>
</tr>

<?
    $sqla= "SELECT DISTINCT (ps.stage_id),psl.stage_name,pms.major_name
            FROM project_schedule ps
            LEFT JOIN project_stage_list psl
            ON ps.stage_id=psl.stage_id
            LEFT JOIN project_major_stage pms
            ON ps.major_id=pms.major_id
            WHERE ps.pc_id=1 AND pms.major_id='$major_id'";

    $selecta=mysql_query($sqla);
    while($lista =mysql_fetch_array($selecta))
    {

        $stage_name=$lista['stage_name'];
        $stage_id=$lista['stage_id'];
?>
<tr>
<td></td>
<td style="font-family:centruy-gothic" colspan="10"<strong><font color="black"><?echo $lista['stage_name'];?></font></strong></td>
</tr>


<?  
    $sqlb ="SELECT ps.*,pst.task_name,psl.stage_name
            FROM project_schedule ps 
            LEFT JOIN project_stage_task pst
            ON ps.task_id=pst.task_id 
            LEFT JOIN project_stage_list psl
            ON ps.stage_id=psl.stage_id
            WHERE ps.pc_id=1 AND psl.stage_id='$stage_id'";

    $selectb =mysql_query($sqlb);

    while($listb=mysql_fetch_array($selectb))
    {

        $ps_id=$listb['ps_id'];
        $task_name=$listb['task_name'];
        $task_mark=$listb['task_mark'];
        $marking=$listb['marking'];
        $destination_marking=$listb['destination_marking'];
        $days=$listb['days'];
        $duration=$listb['duration'];
        $start_date=$listb['start_date'];
        $end_date=$listb['end_date'];


?>

<!----THIS IS THE PHP CODE TO BE USED TO CALCULATE THE END DATE BASED ON START DATE ENTERED AND DURATION PICKED FROM DATABASE-->
<tr>
<td></td>
<td></td>

 <td style="font-family:century-gothic">
  <strong>
    <font color="black">
      <?echo $listb['task_name'];?>


    </font>
  </strong>
</td>

<td>
  <input type="text" id="task_mark1" class="task_mark" name="task_mark" value="<? echo $listb['task_mark'];?>" />
</td>

<td>
  <input type="text"  id="marking1" class="marking" name="marking" value="<? echo $listb['marking'];?>" />
</td>

<td>
  <input type="text" id="destination_marking1" class="destination_marking" name="destination_marking" value="<? echo $listb['destination_marking'];?>" />
</td>

<td>
  <input type="text" id="days1" class="days" name="days" value="<? echo $listb['days'];?>" />
</td>

<td>
  <input type="text" id="duration1" class="duration" name="duration" value="<? echo $listb['duration'];?>" />
</td>

<td>
  <input type="text" id="start_date1" class="start_date" name="start_date" value="<? echo $listb['start_date'];?>" />
</td>

<td>
  <input type="text" id="end_date1" class="end_date" name="end_date" value="<? echo $listb['end_date'];?>" />
</td>

<td align="center">

  <input type="button" id ="btn1" value="GENERATE" name="action" class ="submit-green" onclick="getDate(this.id)"/>

</td>

</tr>

<!--------------------------------------------------------------------------------------------------------------------------------------->
 <td>
  <input type="text" id="task_mark2" class="task_mark" name="task_mark" value="<? echo $listb['task_mark'];?>" />
</td>

<td>
  <input type="text"  id="marking2" class="marking" name="marking" value="<? echo $listb['marking'];?>" />
</td>

<td>
  <input type="text" id="destination_marking2" class="destination_marking" name="destination_marking" value="<? echo $listb['destination_marking'];?>" />
</td>

<td>
  <input type="text" id="days2" class="days" name="days" value="<? echo $listb['days'];?>" />
</td>

<td>
  <input type="text" id="duration2" class="duration" name="duration" value="<? echo $listb['duration'];?>" />
</td>

<td>
  <input type="text" id="start_date2" class="start_date" name="start_date" value="<? echo $listb['start_date'];?>" />
</td>

<td>
  <input type="text" id="end_date2" class="end_date" name="end_date" value="<? echo $listb['end_date'];?>" />
</td>

<td align="center">

  <input type="button" id ="btn2" value="GENERATE" name="action" class ="submit-green" onclick="getDate(this.id)"/>

</td>

</tr>
<?
    }}}
?>

<tr>
    <td colspan=5 align="center"><input class="submit-green" type="submit" value="Save" /></td>     
</tr>
</form>