Question

在索引页面中，我有一个下拉菜单，我可以使用jquery将值传送到其他页面（xyz.php）。我的代码是（@fiddle）

$(document).ready(function(){
    $('#cat').change(function(){
        var catid = $('#cat').val();
        if(catid != 0)
        // alert(catid) to check if value is being carried
        {
            $.ajax({
                type:'post',
                 url:'xyz.php',
                data:{id:catid},
                cache:false,
                success: function(returndata){
                    $('#subcat').html(returndata);
                    console.log(returndata)
                }
            });
        }
    })
})

<select class="form-control" name="catid" id="cat">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

我遇到的问题是，我希望使用此表单来代替下拉菜单

<input type="text" name="userprice">    
<input type="hidden" name="prodid" value="<? echo $prodid; ?>">
<button type="submit" name="submit" id="submitprice" value="Submit" >Submit</button>

通过脚本部分我想将userprice和prodid同时带到xyz.php（在脚本部分中使用），然后我在xyz.php脚本中得到的结果我希望该结果显示在同一页面中使用表格

Answer 1

你可以这样做

$(document).ready(function(){
$('#submitprice').click(function(){
    var txtbox = $('#txt').val();
    var hiddenTxt = $('#hidden').val();
        $.ajax({
            type:'post',
             url:'xyz.php',
            data:{txt:txtbox,hidden:hiddenTxt},
            cache:false,
            success: function(returndata){
                $('#subcat').html(returndata);
                console.log(returndata)
            }
        });
})
})

<input type="text" name="userprice" id="txt">    
<input type="hidden" id="hidden" name="prodid" value="<? echo $prodid; ?>">
<button type="submit" name="submit" id="submitprice" value="Submit">Submit</button>

在xyz.php文件中，您可以将其作为

进行访问

$userprice = $_POST['txt'];
$hidden    = $_POST['hidden'];

在此之后，您可以对变量进行操作，只需回显或打印将是您的

的答案

returndata

使用javascript / jquery将值从一个页面传送到另一个页面

1 个答案: