使用select更改ajax调用

时间:2012-11-15 14:47:33

标签: ajax events button submit onchange

我有这个代码,并且我已经使用了一个提交按钮,那么如何将其更改为onchange并丢弃提交按钮?你能指导我怎么做吗?

echo "<form type=\"post\" action=\"\" id=\"newAjaxAudio" . $id . "\">
<select name=\"name\" id=\"aaplaylist_selection\" style=\"border: 1px solid #999999;color: #555555;font-size: 11px;height: 17px;min-width: 216px\">
    <option value='" . $thefile1 . "' >" . $thetitle1 . "</option>
    <option value='" . $thefile2 . "' >" . $thetitle2 . "</option>
</select>
<input type=\"hidden\" name=\"action\" value=\"addAudioSelector1\"/>
<input type=\"submit\" value=\"Play\" style=\"font-size:11px\">
</form>
<div id=\"feedback" . $id . "\"></div>

<script type=\"text/javascript\">
jQuery('#newAjaxAudio" . $id . "').submit(ajaxSubmit);

function ajaxSubmit(){

    var newAjaxAudio" . $id . " = jQuery(this).serialize();

    jQuery.ajax({
        type:\"POST\",
        url: \"/wp-admin/admin-ajax.php\",
        data: newAjaxAudio" . $id . ",
        success:function(data){
            jQuery(\"#feedback" . $id . "\").html(data);
        }
    });

    return false;
}
</script>";

功能:

function addAudioSelector1(){
    $name = $_POST['name'];
    echo "<div id='sm2-container'></div>
    <ul class='playlist'>
        <li><a href='" . WPAUDIO_URL . "/sounds/" . $name . ".mp3'>" . $name . "</a></li>
    </ul>";
    die();
} // end Function addnewAudio
add_action('wp_ajax_addAudioSelector1', addAudioSelector1);
add_action('wp_ajax_nopriv_addAudioSelector1', addAudioSelector1); // not really needed
//***************************************************************************//

感谢您的帮助:)

2 个答案:

答案 0 :(得分:0)

您可以jQuery('#newAjaxAudio" . $id . "').submit(ajaxSubmit);触发$("#aaplaylist_selection").change();或直接触发ajaxSubmit()

答案 1 :(得分:0)

好的,我解决了! .change()还不够。这就是我所做的:

jQuery('#aaplaylist_selection" . $id . "').change(function() {
    jQuery(this).parents('form').submit();
});