Question

是否可以使用Jquery将输入文本放在我的select标签中。我不擅长这个，这就是为什么我很抱歉。我还会把我的脚本代码，你能告诉我在哪里可以把它。遗憾。

用户输入字段位于index.php中，我使用jquery和ajax将其传递给我的php文件。我想知道我是否可以在我的选择标签中有一个选项，用户可以输入（如其他字段）。它将如何改变我的jquery代码。谢谢。

的index.php

<!--DOCUMENT INPUT-->
        <div class="row space3" >
            <div class="col-sm-2">
                <input type="text" name="code" id="code" class="form-control" placeholder="Document Code" /> 
            </div>
            **<div class="col-sm-2">
                <select name="doc_kind" id="doc_kind" class="form-control" placeholder="Document Kind">
                    <option value="" selected disabled>Kind of Document</option>
                    <option value="Budget Proposal">Budget Proposal</option>
                    <option value="Project Proposal">Project Proposal</option>
                    <option value=""></option>
                </select>
            </div>**

            <div class="col-sm-2">
                <input type="datetime-local" name="date_submitted" id="date_submitted" class="form-control" placeholder="Date Submitted" style="width:120%;"/>
            </div>
            <div class="col-sm-3">
                <textarea name="remarks" id="remarks" class="form-control" placeholder="Remarks" style="margin-left: 12%" rows="1"></textarea>
            </div>

                <div class="col-sm-2">
                    <input type="hidden" name="id" id="docu_id" style="margin-left: 12%" />
                        <button class="button add" name="action" id="action">Add</button>
                </div>
                <br><br>
        </div>
<!--END OF DOCUMENT INPUT-->

JQUERY

<script>
    function fetchDocu() {
        var action = "select";
        $.ajax({
            url: "select.php",
            method: "POST",
            data: {
                action: action
            },
            success: function (data) {
                $('#code').val('');
                $('#doc_kind').val('');
                $('#date_submitted').val('');
                $('#remarks').val('');
                $('#action').text("Add");
                $('#result').html(data);
            }
        });
    }

    $('#action').click(function () {
        var docCode = $('#code').val();
        var docKind = $('#doc_kind').val();
        var dateSubmitted = $('#date_submitted').val();
        var docRemarks = $('#remarks').val();
        var docNote = $('#note').val();
        var id = $('#docu_id').val();
        var action = $('#action').text();
        if (docCode != '' && docKind != '' && dateSubmitted != '') {
            $.ajax({
                url: "action.php",
                method: "POST",
                data: {
                    docCode: docCode,
                    docKind: docKind,
                    dateSubmitted: dateSubmitted,
                    docRemarks: docRemarks,
                    id: id,
                    action: action
                },
                success: function (data) {
                    alert(data);
                    fetchDocu();
                }
            });
        }
    }
</script>

Answer 1

你无法在选择标签上使用它，但是从上面的排队中你的要求不清楚

JQuery Select Tag

1 个答案: