根據選擇選項的值更改輸入的值

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()起作用。