[英]Form submit is not working for dropdown change in wordpress admin
I was working on submitting the form after change in dropdown in wordpress admin. 我正在努力在wordpress管理员的下拉列表中更改后提交表单。 I tried adding javascript to dropdown like <select onchange="this.form.submit()"></select>
, this also didn't work for me. 我尝试添加javascript到下拉列表,如<select onchange="this.form.submit()"></select>
,这对我来说也不起作用。 Even i tried using JQuery but didn't work. 即使我尝试使用JQuery但没有奏效。
functions.php 的functions.php
//**************function to add the javascript
function add_my_script() {
wp_enqueue_script(
'dropdown', scripts and de-register, etc.
get_template_directory_uri() . '/js/dropdown.js',
array('jquery'),'20120206'
);
}
add_action( 'wp_enqueue_scripts', 'add_my_script' );
//**************function to create the form
function Reviews_settings_page()
{
?>
<div class="wrap">
<form method="POST" name="review_edit" action="<?php echo $_SERVER['PHP_SELF'].'?page=Reviews-panel';?>">
<?php
settings_fields("section");
do_settings_sections("Reviews-options");
submit_button();
?>
</form>
</div>
<?php
}
//*********function to create the dropdown
function display_Reviews_Brand_listing()
{
echo "<select name='dropdown' id='dropdown'>
<option value=''>--select--</option>
<option value='101'>EVEREST</option>
<option value='102'>REVOLT</option>
<option value='103'>HAWANA</option>
<option value='104'>ELIZE</option>
</select>";
}
//**************adding functionality to wordpress admin
function display_Reviews_panel_fields()
{
add_settings_section("section", "Reviews", null, "Reviews-options");
add_settings_field("Reviews_url", "Select the Brand for Review", "display_Reviews_Brand_listing", "Reviews-options", "section");
register_setting("section", "Reviews_url");
}
add_action("admin_init", "display_Reviews_panel_fields");
dropdown.js dropdown.js
jQuery( document ).ready( function( $ ) {
$('#dropdown').on('change', function() {
var $form = $(this).closest('form');
$form.find('input[type=submit]').click();
});
} );
Any help will be appreciated. 任何帮助将不胜感激。 Thanks for your time and efforts for this problem. 感谢您花时间和精力解决这个问题。
I tried to clone your error. 我试图克隆你的错误。 Keep the form action empty instead of $_SERVER['PHP_SELF']
. 保持表单操作为空而不是$_SERVER['PHP_SELF']
。 your dropdown.js
is added successfully by add_action()
你的dropdown.js
是由add_action()
成功添加的
for me also onchange='this.form.submit();'
对我来说也是onchange='this.form.submit();'
didn't work. 没用。
I tried different snippets to submit the form and finally below javascript worked for me 我尝试了不同的片段来提交表单,最后在javascript下面为我工作
dropdown.js dropdown.js
function myFunction() {
document.querySelectorAll("input[type=submit]")[0].click();
}
functions.php 的functions.php
//update your form tag
<form method="POST" name="review_edit" id="review_edit" action="">
//update your <select>
<select name='dropdown' id='dropdown' onchange='myFunction();'>
Hope this will help you. 希望这会帮助你。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.