从select获取最接近的输入并将其放在$ .post中

Question

好。请参阅底部屏幕截图，了解前端插图。我在这里尝试做的是当用户在选择表单中进行选择时，即：选择已接收，我想直接在选择表单的底部获取输入框的值并发送它通过$ .post到另一个脚本，以便我处理它。

我似乎无法通过$ .post传递数据来读取输入框中的值。主要焦点应该是$ .post区域。我尝试使用$（'。order_item_id'）。val（）;在我的$ .post数据中，但我只获得第一个输入框下的值，无论我从哪个选择框中选择。

以下是我的javascript和php的部分。

的.js

$('.order_stat_sel').change(function(){
    var closest_div=$(this).closest('div.order_receipt');
    var closest_selectbox=$(this).closest('.order_stat_sel');       
    if($('.select_received:selected').length>0){
        if(confirm('Confirm Receipt of this item?')){
            $.post("/seller/buyer_cfm_receive.php",{order_item_id: $(this).closest('.order_item_id').val()}, function(data) {
                alert("Congrats, Order Item Completed" + data);
                closest_div.append('<p>Completed</p>');
                closest_selectbox.remove().fadeOut("slow");
            });
        }else{
            $('.order_stat_sel').val('p');
        }
    }
});

PHP

            if($this->orderstatuses[$item->order_status]!='received'){
                echo '<select class="order_stat_sel" name="order_status">';
                    echo '<option class="select_pending" value="'.$pendingitem_state[2].'">'.$pendingitem_state[3].'</option>';
                    echo '<option class="select_received" value="'.$enditem_state[2].'">'.$enditem_state[3].'</option>';            
                echo '</select>';
            }?>
            <form class="send_order_cfm_input">
                <input class="order_item_id" name="order_item_id" value="<?php echo $item->virtuemart_order_item_id;?>" type="text" readonly="readonly">
            </form>

任何帮助表示赞赏

Answer 1

.closest()找到该元素最近的祖先，但实际上您正在搜索descendant的neighbour：

$.post("/seller/buyer_cfm_receive.php",
    {
        order_item_id:$(this)
                      .next(".send_order_cfm_input")
                      .find('.order_item_id').val()
    },
    function() {
        /*...*/
    }
);