By using the # character in your selector, you're indicating that you
are targeting the element by ID. Having multiple items on a page with
the same ID will not work.
I would suggest you create a special class for these selects and then
target them that way.
example:
<select class="priority" id="someuniquevalue" name="someuniquevalue">
<options go here>
</select>
> $(document).ready(function(){
> $("select.priority").change(function() {
>
> jQuery.ajax({
> data: "prio=" + $(this).val() + "&ID=1",
> url: "do_priority.asp",
> timeout: 2000,
> error: function() {
> console.log("Failed to submit");
> },
> success: function(r) {
> $(this).removeAttr("disabled");
> }
> });
>
> $(this).attr("disabled", "disabled");
>
> });
>
> });
On Nov 5, 6:18 am, williamstam <[EMAIL PROTECTED]> wrote:
> hi
>
> i hope somone can help
>
> i have a couple of records which all have (the idea anyways) have
> select boxes. when a user changes the select box it submits those
> changes and the record ID to another page using ajax to update the
> database. so far i have
>
> $(document).ready(function(){
> $("#priority").change(function() {
>
> jQuery.ajax({
> data: "prio=" + $("#priority").val() + "&ID=1",
> url: "do_priority.asp",
> timeout: 2000,
> error: function() {
> console.log("Failed to submit");
> },
> success: function(r) {
> $("#priority").removeAttr("disabled");
> }
> });
>
> $("#priority").attr("disabled", "disabled");
>
> });
>
> });
>
> it works like a charm with 1 record... as soon as there are more
> records it fails. i presume this is cause its finding multiple '$
> ("#priority")' select boxes in the page?
>
> the above code when you change the value of a select box it disables
> the box till ajax says that it "worked" then re enables it again.
>
> regards
>
> william
