Question

我正在尝试用PHP代码制作一个计算器程序。

我使用html和javascript制作它，但我被告知使用php代码作为逻辑部分。

我们有什么方法可以从php文本框中获取多个输入？

Answer 1

是的，您可以轻松地在表单中使用多个输入，为其提供不同的名称并通过$_REQUEST['input_name']访问它们。

Answer 2

在这个例子中，我正在做的是从弹出窗口中选择所选复选框，并将它们作为逗号分隔列表放入主窗体的文本输入字段中。

<强> HTML

<input type="text" id="entry-r1" placeholder="place" tabindex="1">
    <a class="show-lookup button" href="#" id="popup-r1" tabindex="2"><i class="fa fa-search"></i></a>
    <div class="overlay">&nbsp;</div>
    <div class="lookup-multiselect" id="lookup-r1">
        <a class="button close-button right">x</a>
        <form action="" id="form-r1" name="form-r1" method="post">
            <input class="checkall" id="checkall" type="checkbox">
        <label for="checkall" class="narrow">Select all</label>
            <p class="category" id="checkboxes-r1"><strong>Select...</strong><br>
                <input class="js-popup-focus" type="checkbox" name="place" id="antwerp" value="Antwerp" tabindex="3"> <label for="antwerp">Antwerp</label><br>
                <input type="checkbox" name="place" id="berlin" value="Berlin" tabindex="3"> <label for="berlin">Berlin</label><br>
                <input type="checkbox" name="place" id="cairo" value="Cairo" tabindex="3"> <label for="cairo">Cairo</label><br>
                <input type="checkbox" name="place" id="duss" value="D&uuml;sseldorf" tabindex="3"> <label for="duss">D&uuml;sseldorf</label><br>
            </p>
        </form>
            <a href="#" class="button close-button right" tabindex="4">Use selected</a>
    </div>

<强> CSS

.overlay {
    display: none;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    background: #333;
}

.lookup-popup, .lookup-multiselect {
    padding: 0.5em;
    display: none;
    z-index: 99999;
    background-color: #fff;
    position: absolute;
    top: 5em;
    left: 25%;
    width: 20%;
}

<强>的jQuery

 $(document).ready(function () 
{   

    /* get id of form to work with */

    $('.show-lookup').click(function()
    {
        var pairedId = $(this).attr('id').split('-');
        var lookupToDisplay = '#lookup-' + pairedId[1];
        $('.overlay').show();
        $(lookupToDisplay).show();
        $('.js-popup-focus').focus();
    });

/* put value selected in lookup into field in main form */

    $('.lookup-popup input').on('change', function() 
    {  
        var fieldname = $(this).attr('name');
        var pairedId = $(this).parent().attr('id').split('-');
        var selOption = $('input[name='+fieldname+']:checked').val(); 
        $("#entry-"+pairedId[1]).val(selOption);
    });

/* for checkbox version, append selected values to field in main form */    

    $('.lookup-multiselect input').on('change', function() 
    {  
        var pairedId = $(this).parent().attr('id').split('-');
        //event.preventDefault();
        var selOptions = $(".category input:checkbox:checked").map(function(){
          return $(this).val();
        }).get(); // <----
        //console.log(selOptions);
        var selectedString = selOptions.toString();
        $("#entry-"+pairedId[1]).val(selOptions);
    });

    $('.close-button').click(function()
    {
        $(this).parent().hide();
        var pairedId = $(this).parent().attr('id').split('-');
        $('.overlay').hide();
        $("#entry-"+pairedId[1]).focus();
    });
});

是否可以从php表单中的文本框中获取多个输入？

2 个答案: