Question

将数据插入表格时，我需要插入星期几以及星期几的数字，以便按时间顺序显示。要删除任何错误的空间，我希望通过选择选项确定星期几的数字。

示例为：If select option val for .day* = Mon, .daynum* = 1

这是我到目前为止所做的：

HTML：

<select required class="form-control day<?php echo $i; ?>" name="day<?php echo $i; ?>" />

   <option  disabled value="">Day of the Week</option>
   <option value="Mon">Monday</option>
   <option value="Tue">Tuesday</option>
   <option value="Wed">Wednesday</option>
   <option value="Thu">Thursday</option>
   <option value="Fri">Friday</option>
   <option value="Sat">Saturday</option>
   <option value="Sun">Sunday</option>

</select>

<input required class="form-control daynum<?php echo $i; ?>" type="text" name="daynum<?php echo $i; ?>" />

JQ：

$(document).ready(function(){
$('.daynum1').val($('.day1 option:selected').val());

$('.day').on('change', function() {
    $('.daynum1').val($(this).find('option:selected').val());
});

});

目前我的代码只获取从数据库中提取的第一行的初始值，并将其设置为星期一。

我调用所有行的代码，让我一次编辑它们，这给每个输入/选择一个“dayx”的类，其中x是数据库中的唯一ID。

Answer 1

使用此方法从输入中获取值

$(document).ready(function(){
  $('.daynum1').val();

  $('.day').on('change', function() {
    $('.daynum1').val();
  });

  });

Answer 2

创建一个包含日期名称的数组，并使用索引作为日期编号。

$(document).ready(function() {
    var days = ["", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
    $('.day').on('change', function() {
        $('.daynum1').val(days.indexOf($(this).val()));
    }).trigger("change");
});

顺便说一句，您不需要使用option:selected来获取<select>的值。在.val()上调用<select>本身就可以了。

根据select选项的值更改输入值

2 个答案: