Мне нужно дать возможнось добавления новых настроек при нажатии на кнопку добавить, но сейчас мой способ мягко говоря просто не работает. Если добавлять настройку сразу (__construct) то все корректно работает и сохраняет, но когда я добавляю новое поле уже на открытой странице через jquery, поле появляется но после нажатия сохранить изменения, настройки не сохраняются. Я приблизительно понимаю в чем проблема, сюда пришел за подсказкой как сделать правильно.
function display() {
$permitted_chars = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
$permitted_chars = substr(str_shuffle($permitted_chars), 0, 6);
echo '
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<script>
$("#wpcontent").on("click", "#add_new_document", function() {
$("table tbody").append(\'<tr class="misha-class"><th scope="row"><label for="'.static::analytical_papers.$permitted_chars.'">Ссылка</label></th><td><input type="text" id="'.static::analytical_papers.$permitted_chars.'" name="'.static::analytical_papers.$permitted_chars.'" value="fsdsfdsdf"><span style="margin-left: 7px;color: red;cursor: pointer;">Удалить</span></td></tr>\');
});
</script>
';
echo '<div class="wrap">
<h1>' . get_admin_page_title() . '</h1>
<form method="post" action="options.php">';
settings_fields( $this->option_group );
do_settings_sections( $this->page_slug );
echo '<p id="add_new_document" class="button button-primary">Добавить новый документ<p>';
submit_button();
echo '</form></div>';
}