Question

我在我的网站右侧选择菜单选项“我希望赞助”。默认下拉菜单设置为“选择”选项我想当有人按下按钮页面时不会去任何地方。目前，当用户按下没有选择选项的go按钮时，它进入“404”页面。如何在没有选择下拉菜单的情况下停止页面去某处？

屏幕截图也已附加，链接为：http://ilmoamal.org/newsite2017/sponsor-now-testing/

Answer 1

在function.php文件中添加以下代码以删除选择选项

<?php
function myscript() {
?>
<script type="text/javascript">
$(document).ready(function()
{
   $("#link").children().first().remove();           
});
</script>
<?php
}
add_action( 'wp_footer', 'myscript' );
?>

Answer 2

我看到你使用联系表格7选择框。并且还看到您在选择框中为第2和第3个选项设置了值，但在第一个选项中没有该选项的值。最好的方法是将值＃设置为要禁用的第一个选项。然后让我知道结果。我的意思是

<option value="#">Select</option>

Answer 3

您可以在WordPress主题的footer.php文件中使用此功能。这将禁用＆＃34; Go＆＃34;如果没有选择选项，则按钮。

<script>
jQuery( document ).ready(function() {
jQuery(".wpcf7-form .submit input").prop('disabled', true);
jQuery(".wpcf7-form select option:first").prop('disabled', true);

jQuery("#link").change(function(){
var conceptName = jQuery('#link').find(":selected").text();

if(conceptName == "select"){
} else {
    jQuery(".wpcf7-form .submit input").prop('disabled', false);
}
});
});
</script>

＆＃13;

jQuery( document ).ready(function() {
    jQuery(".wpcf7-form .submit input").prop('disabled', true);
    jQuery(".wpcf7-form select option:first").prop('disabled', true);
jQuery(".wpcf7-form select option:first").prop('selected', true);
    
    jQuery("#link").change(function(){
    var conceptName = jQuery('#link').find(":selected").text();
    
    if(conceptName == "select"){

    } else {
        jQuery(".wpcf7-form .submit input").prop('disabled', false);
    }
    });
    });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<form class="wpcf7-form">
<h4>I wish to sponsor</h4>
<p><select id="link"><option>Select</option><option value="http://ilmoamal.org/bms/apps_available.php?start=1&amp;link=72f061b63526b44879240efb612646ed&amp;project_id=1&amp;submit=+Go+">A Child’s Education</option><option value="http://ilmoamal.org/bms/apps_available.php?start=1&amp;link=72f061b63526b44879240efb612646ed&amp;project_id=3&amp;submit=+Go+">A Family Help</option></select></p>
<div class="submit"> <input onclick="go()" name="submit" value="Go" type="button" id="submit"> </div>
</div>
</form>

＆＃13;

您可以点击＆＃34; Show Code Snippet＆＃34;将上面的链接链接到RUN并测试此代码。

Answer 4

只需在脚本中添加 -

即可

jQuery(document).ready(function(){
  jQuery('#sidebar #link > option:first-child').attr('disabled', 'disabled');
});

Answer 5

Using CSS you can remove!

<style>

 #link:focus option:first-of-type {
        display: none;
    }
</style>

如何在下拉选择菜单中禁用第一个选项？

5 个答案: