Question

127

Add select onchange with AJAX

rated 0 times [ 134] [ 7] / answers: 1 / hits: 74732 / 10 Years ago, thu, april 3, 2014, 12:00:00

I'm a newbie to Javascript so I couldn't find an answer to my problem. I want to add an extra select when a previous select is changed. I know my code should look something likes this but it isn't working:

$(function(){

$('#artist').change(function(){

    $.ajax({

        url: artist_field.php,

        dataType:html,

        type: post,

        success: function(data){

           $('#artist').append(data);

        }

    });

});

});

HTML

<td id=artist>

<select name=artist_1 id=artist>

<option value=></option>

</select>

</td>

My problem is that I don't know how to get the values in artist_field.php that I'm trying to send (because I'm trying to exclude the previous selected option in the new select). I hope someone can help me! Thanks in advance.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

analiseb

Add To Favorites

Follow

Total Points: 252

Total Questions: 96

Total Answers: 106

Location: Singapore

Member since Sat, Jul 25, 2020

4 Years ago

analiseb questions

1 Cypress Best Practice - Store and compare two values

Tue, Sep 28, 21, 00:00, 3 Years ago

1 Cannot set property '' of undefined angular

Tue, Oct 6, 20, 00:00, 4 Years ago

1 Refresh page on this.props.history.push with same url

Tue, Jun 30, 20, 00:00, 4 Years ago

1 VUE - data object is passed as a reference always or sometimes it is copied?

Fri, May 8, 20, 00:00, 4 Years ago

1 Can Javascript spread operator include undefined fields of an object?

Wed, Jan 16, 19, 00:00, 5 Years ago

View All

answered 10 Years ago alejandro · Accepted Answer

$(document).ready(function() {

    $('#select_2').hide();

    $('#artist').change(function(){

        $('#select_2').show();

    });

});

HTML

<td id=artist>

    <select name=artist_1 id=artist>

        <option value=></option>

    </select>

</td>

<td>

    <select name=select_2 id=select_2>

        <option value=></option>

    </select>

</td>

It will only show the second select if you chose something on the first one