Question

如果在不提交POST请求的情况下更改第一个选项I，IV和V，我该如何更改为案例1或案例2？

<select name="vrsta_predmenta">
    <option value="1">I</option>
    <option value="2">IV</option>
    <option value="3">V</option>
</select>
<select name="izvrsenje">
<?php
    switch($_POST['vrsta_predmenta']){
        case 1:
            echo '<option value="1">Prvo izvrsenje</option>';
            echo '<option value="2">Drugo izvrsenje</option>';
            echo '<option value="3">Trece izvrsenje</option>';
            break;
        case 2:
            echo '<option value="1">Cetvrto izvrsenje</option>';
            echo '<option value="2">Peto izvrsenje</option>';
            echo '<option value="3">Sesto izvrsenje</option>';
            break;

    }
?>
</select>

Answer 1

你需要javascript。以下是一个非常简单的方法示例，当您已经选择了所有选项但隐藏时，根据主选择框中的选定选项显示必要的。

＆＃13;

var main = document.querySelector('.main'),
    secondary = document.querySelector('.secondary');

main.onchange = function() {
    var mainValue = main.options[main.selectedIndex].value;
    [].slice.call(secondary.options).forEach(function(option) {
        option.hidden = option.className !== 'value-' + mainValue;
    });
    
    secondary.options[0].hidden = false;
    secondary.options[0].selected = true;
};

＆＃13;

<select name="vrsta_predmenta" class="main">
    <option value="1">I</option>
    <option value="2">IV</option>
    <option value="3">V</option>
</select>

<select name="izvrsenje" class="secondary">
    <option value="">-- Select --</option>
    <option value="1" class="value-1" hidden>Prvo izvrsenje</option>
    <option value="2" class="value-1" hidden>Drugo izvrsenje</option>
    <option value="3" class="value-1" hidden>Trece izvrsenje</option>
    <option value="1" class="value-2" hidden>Cetvrto izvrsenje</option>
    <option value="2" class="value-2" hidden>Peto izvrsenje</option>
    <option value="3" class="value-2" hidden>Sesto izvrsenje</option>
</select>

＆＃13;

Answer 2

您目前正在混合使用html和php。

根据您的需要，您需要在html页面中实现javascript。您的代码将无法正常运行，因为php位于服务器端，而不是客户端。

Answer 3

你可以试试这个

<select name="vrsta_predmenta" id='sendRequest'>
                            <option value="1" >I</option>
                            <option value="2">IV</option>
                            <option value="3">V</option>
                        </select>


jQuery('#sendRequest').change(function(){
    jQuery.ajax({
        url:'your php file url',
        type:'post',
        data:{data:jQuery(this).val()},
        dataType:'JSOON',
        success:function(){
        }
    })
})

如何提交没有邮件请求的选择？

3 个答案: