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

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());
});

});

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

我拥有的代码调用所有行，然后让我一次编辑所有行，这为每个输入/选择提供了一个“ 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>的值。 在<select>本身上调用.val()起作用。