0

我正在尝试使用其在 jquery 中的 id 更改输入值，但它不起作用，也不会在控制台中返回任何错误消息。

我还做了一些console.log，以验证数据是否为空并且它们不是

下面是我的脚本

   $('.changer_etat').click(function(){
        var id_etat = $(this).closest('tr').find('span.id_etat').text();
        var date_depart = $(this).closest('tr').find('span.date_depart').text();
        var date_fin = $(this).closest('tr').find('span.date_fin').text();
        var etat_programme = $(this).closest('tr').find('span.etat_programme').text();
        $('#date_depart').val(date_depart);
        console.log(date_fin);
        console.log(id_etat);
        console.log(etat_programme);
    });

我已经尝试了很多东西。喜欢

$('#date_depart').attr('value',date_depart)

但这不起作用，我也尝试过append没有成功的方法

在该网站或谷歌上进行的所有搜索都不允许我找到问题。

编辑 ：

下面是包含所有行和类的 php 部分

` <?php while ($historique = mysql_fetch_assoc($liste_historique)): ?>
                <tr>
                    <td style="text-align: center">
                        <img src="../<?php echo fetchImageProgramme($historique['id_objectif']) ?>">
                    </td>
                    <td style="vertical-align: middle">
                        <span class="id_etat"><?php echo $historique['id_record'] ?></span>
                        <?php echo $historique['nom_programme'] ?>
                    </td>
                    <td style="text-align: center;vertical-align: middle">
                        <span class="date_depart"><?php echo date('d-m-Y', strtotime($historique['date_depart'])) ?></span>
                    </td>
                    <td style="text-align: center;vertical-align: middle">
                        <span class="date_fin"><?php echo date('d-m-Y', strtotime($historique['date_fin'])) ?></span>
                    </td>
                    <td style="text-align: center;vertical-align: middle">
                        <span class="etat_programme"><?php echo $historique['etat_programme'] ?></span>
                        <?php echo echoEtatProgramme($historique['etat_programme']) ?>
                    </td>
                    <td style="vertical-align:middle">
                        <a class="uibutton icon add" href="#" style="width:160px;text-align: left">Créer un programme</a><br><a class="uibutton icon edit changer_etat" href="#" style="width:160px;text-align: left">Changer l'état</a>
                    </td>
                </tr>
            <?php endwhile; ?>`

还有我要填写的带有 ID 的表格

<div id="changer_etat" style="display:none" title="Changer l'état de mon programme">
        <table class="noborder" style="width:400px">
            <tr>
                <td style="width:200px;text-align: right;font-weight: bold">
                    Date de début :
                </td>
                <td>
                    <input type="date_debut" class="" id="date_depart">
                </td>
            </tr>
            <tr>
                <td style="width:200px;text-align: right;font-weight: bold">
                    Date de fin :
                </td>
                <td>
                    <input type="date_fin" class="datepicker">
                </td>
            </tr>

            <tr>
                <td style="width:200px;text-align: right;font-weight: bold">
                    État :
                </td>
                <td>
                    <select name="etat" >
                        <option value="1">
                            En attente
                        </option>
                        <option value="2">
                            Commencé
                        </option>
                        <option value="3">
                            Terminé
                        </option>
                    </select>
                </td>
            </tr>
        </table>
4

1 回答 1

1

不要设置它的属性。利用.val()

$('#date_depart').val(date_depart)

编辑：

上述 DOM 的问题是有 2 个输入字段具有相同的 ID。这使得 html 无效。不能有两个具有相同 ID 的元素。

于 2013-10-30T18:20:28.303 回答