0

我当前的读数仅在运行的第一行显示数据选择器，即使它在 for 循环中，我的 jquery 并不强，但我相信这就是我的问题所在。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="jquery.js" type="text/javascript"></script>
<script src="jquery.maskedinput.js" type="text/javascript"></script>
 <script>
  $(function() {
    $( "#datepicker" ).datepicker()
    $( "#format" ).change(function() {
      $( "#datepicker" ).datepicker( "option", "dateFormat", $( this ).val() );
    });
  });
  </script>

这只是我的代码的 html，也许我需要为此添加一个类，但是如果 jquery 基于 id 运行代码，这无关紧要。 

                <tr>
                <th><input type="checkbox" id="selectall"/>   Check All</th>
                    <th>Rootname </th>
                    <td>Urls</td>
                    <th>custs </th>
                    <th> jvmms </th>
                    <th>x64 </th>
                    <th>currentplatform </th>
                    <th> currentjdk </th>
                    <th>currenttomcat </th>
                    <th>Time </th>
                    <th>Date </th>
                </tr>
                    {% for status in root %}
                <tr>
                <td align="center"><input type="checkbox" class="case" name="case"></td>
                    <td>{{ status.rootname }}</td>
                    <td>{{ status.urls }}</td>
                    <td>{{ status.custs }}</td>
                    <td> {{ status.jvmms }}</td>
                    <td>{{ status.x64 }}</td>
                    <td>{{ status.currentplatform }}</td>
                    <td> {{ status.currentjdk }}</td>
                    <td>{{ status.currenttomcat }}</td>
                    <td><p> <input type="text" class="pick" id="datepicker" size="25" /></p></td>
                            <td>
                <input type="text" value="12:00" size="3" />
                <select name="ampm">
                    <option value="am">AM</option>
                    <option value="pm">PM</option>
                </select></td>


                </tr>

                    {% endfor %}

            </table>
4

2 回答 2

0

您应该将 jquery 代码应用于类而不是元素 id：

$(".pick").datepicker();
$("#format").change(function() {
      $(".pick").datepicker("option", "dateFormat", $(this).val());
});

id 和 class 的区别在于，一个类可以在一个页面上重复使用，但 id 只能使用一次。因此，如果您将任何函数附加到 id 选择器，它只会被使用一次。

于 2013-07-08T21:08:58.627 回答
0

Matino 在她关于课程的陈述中当然是正确的，但是使用 django 你只需要在 html 中添加一个 forloop.counter 即可。

**$(".pick").datepicker();
$("#format").change(function() {
  $(".pick").datepicker("option", "dateFormat", $(this).val());
    });**

<td> <p class= "selector"> <input type="text" class="pick" id="datepick **{{forloop.counter}}**" size="25"  /> </p> </td>
                        <td>
于 2013-07-09T13:44:58.733 回答