快捷搜索:   nginx

设置select选框不可选并可以表单POST传值

正常我们设置select选框不可选,使用的是disabled=disabled来禁用SELECT选框被选择,使用后选框会变成灰色不可选状态,但是使用了这个参数后,SELECT选框中默认选择的值就无法被传递SUBMIT出去,因此这里需要借助jquery在表单提交之前移除disable选项



<script src="//cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script

<script>

    function checkDisable() {

        $("select[disabled=disabled]").each(function() {

            if (parseInt($(this).val()) != -1) {

                $(this).attr("disabled", false);

            }

        });

        return true;

    }

</script>

<form method="POST" action="" class="form-inline" onSubmit="return checkDisable();">

<select class="form-control selectpicker" name="ttl[]" disabled=disabled>
<option value="AUTO">自动设置</option>
<option value="AUTO">自动设置</option>
<option value="120">2分钟</option>
<option value="300">5分钟</option>
<option value="600">10分钟</option>
<option value="900">15分钟</option>
<option value="1800">30分钟</option>
<option value="3600">1小时</option>
<option value="7200">2小时</option>
<option value="18000">5小时</option>
<option value="43200">12小时</option>
<option value="86400">1天</option>
</select>

</form>

这是笨牛网CDN/DNS管理系统(https://dns.bnxb.com)中正在使用的判断方法,已经是测试可以用的,大家可以访问试试

顶(2)
踩(0)

您可能还会对下面的文章感兴趣:

最新评论