Home/ Questions/Q 8103169
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T23:27:40+00:00

I have a form <html> <head> </head> <body> <form> <select id=groups> <optgroup label=GroupA> <option

  • 0

I have a form

<html>
<head>
</head>
<body>
<form>
    <select id="groups">
    <optgroup label="GroupA">
    <option value="2">[GroupA]  value1</option>
    <option value="11">[GroupA] value2</option>
    <option value="14">[GroupA] value3</option>
    <option value="15">[GroupA] value4</option>
    <option value="601">[GroupA] value5</option>
    <option value="21">[GroupA] value6</option>
    <option value="23">[GroupA] value7</option>
    <option value="24">[GroupA] value8</option> 
    </optgroup>
    ...
 </select>
</form>
<br />
<div id="txtHint"><b>Show edit form here.</b></div>

</body>
</html>

When user selecte value from dropdown list ,the edit form will appear
the edit value will query by using seleted value.
Anyone can help me to do this with php,ajax, jquery?

Thanks

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Mmm, maybe you can try with:

    $("select#idOfYourSelectElement").change(function(){
    $.ajax({
        url: "ajax/myphpajax.php",
        data: "acction=loadForm&selectedElement=" + $(this).val(),
        async: false,
        success: function(htmlWithNewForm){
            $("div#txtHint").html(htmlWithNewForm);
            //if the div is hidden
            $("div#txtHint").css("visibility","visible");
        }
    });
});
    • 0