jQuery-表单输入未保存

debugcn 发表于 Dev

臭味GTI

我在页面上有从数据库中提取的歌曲列表，该页面具有添加新歌曲的形式。添加和删除功能都可以正常工作。当我单击现有歌曲时，它将填充表格，以便可以对其进行编辑。数据已正确发送到字段。但是，提交表单后，它将重新加载页面，但没有任何变化。这是当前的javascript：

$('.song-link').click(function(){
    // Fetching data
    var title = $(this).data('title');
    var band = $(this).data('band');
    var category = $(this).data('category');

    // Assigning data
    $('#title').val(title);
    $('#band').val(band);
    $('#category').val(category);
});

我怎样才能真正提交数据？我在检查器中查看了它，并且代码中的值似乎没有变化，但是它在视觉上确实发生了变化。

我应该换一种方式吗？

编辑

<form name="form1" method="post" action="" enctype="multipart/form-data">
    <p><?php _e("Song Title:", 'menu-test' ); ?> <input type="text" name="title" id="title" value="" size="20"></p>
    <p><?php _e("Band/Artist Name:", 'menu-test' ); ?> <input type="text" name="band" id="band" value="" size="20"></p>
    <p>
    <select name="category" id="category">
        <option value="Current and “All Time” Dance Hits">Current and “All Time” Dance Hits</option>
        <option value="R &amp; B, Motown, Disco">R &amp; B, Motown, Disco</option>
        <option value="80’s, 90’s, Rock">80’s, 90’s, Rock</option>
        <option value="Ballads">Ballads</option>
        <option value="Cocktail / Dinner Hour">Cocktail / Dinner Hour</option>
        <option value="Latin / Swing">Latin / Swing</option>
        <option value="Specialty">Specialty</option>
    </select>
    </p>
    <p><?php _e("File:", 'menu-test' ); ?> <input type="file" name="file" /></p>
    <hr />
    <input type="hidden" name="id" id="id" value="1" />
    <p class="submit"><input type="submit" name="Submit" class="button-primary" value="<?php esc_attr_e('Save Changes') ?>" /></p>
</form>

它在worpdress网站内，因此我正在使用通过以下方式访问数据库：

$title = $_POST['title'];
$song_check = $wpdb->get_results("SELECT * FROM song_list WHERE title = '".$title."'");
if(!$song_check){
    $wpdb->insert('song_list',array(
                                'title' => $_POST['title'],
                                'band' => $_POST['band'],
                                'category' => $_POST['category'],
                                'file' => $movefile['url']
                                ));
}else{
    $wpdb->update('song_list',array(
                                'title' => $_POST['title'],
                                'band' => $_POST['band'],
                                'category' => $_POST['category'],
                                ),
                            array(
                                'ID' => $_POST['id']
                                ));
}

伪造的

您应防止以下行为的默认行为anchor：

$('.song-link').click(function(e){
    e.preventDefault()

    // Fetching data
    var title = $(this).data('title');
    var band = $(this).data('band');
    var category = $(this).data('category');

    // Assigning data
    $('#title').val(title);
    $('#band').val(band);
    $('#category').val(category);
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。