0

我有一个带有 3 个选择的表单，并已将 jqTransform 应用于它。

<div class="selects">
<form id="form" class="form_comer" method="post" action="ajax/selects.php">
     <select id="select-local" name="select-local" class="select-index">
    <option selected="selected" value="">'.$select_comer_tipo.'</option>
    <option value="1">'.$select_comer_rest.'</option>
    <option value="2">'.$select_comer_bar.'</option>
    <option value="3">'.$select_comer_cafe.'</option>
     </select>
         <select id="select-ambiente" name="select-ambiente" class="select-index">
    <option value="">'.$select_comer_ambiente.'</option>
    <option value="1">'.$select_comer_animado.'</option>
    <option value="2">'.$select_comer_silencioso.'</option>
    <option value="3">'.$select_comer_glamouroso.'</option>
    </select>
        <select id="select-precio" name="select-precio" class="select-index">
    <option value="">'.$select_comer_precio.'</option>
    <option value="1">'.$select_comer_p1.'</option>
    <option value="2">'.$select_comer_p2.'</option>
    <option value="3">'.$select_comer_p3.'</option> 
    </select>                       
</form>
</div>

当我单击 3 个选择中的任何一个时，我有一个可以工作的功能。我希望它将选定的值和我选择的选择的 id 都传递给 ajax 函数。我的“sel”变量在这里不起作用，它只获取它们中第一个选择的 id。

$(".form_comer div.jqTransformSelectWrapper ul li a").click(function(){
    var sel= $("select.jqTransformHidden").attr('id');

    var index= $(this).attr('index');
    var value = $('select.jqTransformHidden option:eq('+index+')').attr('value');

        $.ajax({
            type: "POST",
            url: $("#form").attr("action"),
            data: "value=" + value + "&sel=" + sel,
            dataType: 'html',
            success: function(msg) {
                alert(msg);
            }

        });        

    return false; //prevent default browser action
});
4

1 回答 1

1

它可能不是很优雅，但这是我需要的：

var sel= ($(this).closest('div')).children('select').attr('id');
于 2011-05-18T08:00:14.557 回答