Hi guys

i have comment form code (in black colour) below, user type the comment in TEXTAREA, and click the Submit button

i want to add DROP DOWN LIST BOX before it, that user can choose, and add that DROP DOWN value with the text in TEXTAREA into database, so just like prefix in forum

i already tried below code (in red), but still not working, please help guys what is the right code

<div>
<script language="javascript" type="text/javascript">

$(document).ready(function(){

$("#form_submit").click(function() {
document.getElementById("form_submit").disabled = true;
checkcomment = trim(document.comment_form.message.value);

if (checkcomment.length > 0) {
var msgPrefix = document.forms["comment_form"].elements["message_prefix"].options[document.forms["comment_form"].elements["message_prefix"].selectedIndex].value;
value = "["+msgPrefix+"] "+value;
comment_submit();
}
else {
alert("Please type some text");
}
document.getElementById("form_submit").disabled = false;
});

function comment_done() { }
function comment_submit()
{
$.ajax({
type: "POST",
url: "/targetfile.php",
data: $("#comment_form").serialize(),
success: function(data){
if (data == "SUCCESS") {
//alert("Successful");
document.comment_form.message.value = "";
setTimeout (CommentAjax,0);
}
else {
alert("Error: "+data);
}
}
});
}

});
</script>

<form id="comment_form" name="comment_form" method="post">
<input type="hidden" name="heu" value="addreply" />
<input type="hidden" name="muser" value="' . $this->muser . '" />
<input type="hidden" name="modid" value="' . $this->douid . '" />
<input type="hidden" name="tun" value="0" />


<select name="message_prefix">
<option value=""></option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option>
</select>

<textarea name="message" rows="4" cols="20" style="width: 70%;"></textarea><br />

<input type="button" id="form_submit" value="Submit" />
</form></div>

Not going to happen with HTML.

Unless I'm failing to understand something, why are you even bothering with AJAX? Just submit straight to the php.

It looks like you are using jQuery for ajax. As per my understanding you want the value from the drop box to be a prefix of the comment right?

In that case I'd put an id on the drop down

<input type="hidden" id="heu" name="heu" value="addreply" />
<input type="hidden" id="muser" name="muser" value="' . $this->muser . '" />
<input type="hidden" id="modid" name="modid" value="' . $this->douid . '" />
<input type="hidden" id="tun" name="tun" value="0" />

<select name="message_prefix" id="message_prefix"> 
<option value=""></option>
<option value="1">One</option>
<option value="2">Two</option>
<option value="3">Three</option> 

<textarea name="message" id="message" rows="4" cols="20" style="width: 70%;"></textarea>
</select>

then use the following script in getting the values

if (checkcomment.length > 0) {
var msgPrefix = ( "message_prefix" ).val(),
     message = ( "message" ).val(),
     heu = ("heu").val(),
     muser = ("muser").val(),
     modid = ("modid").val(),
     tun = ("tun").val(),

     messageSent = msgPrefix+message,
     dataString = "message=" + messageSent + "&heu=" + heu + "&muser=" + muser + "&modid=" + modid + "&tun=" + tun;
   $.ajax({
type: "POST",
url: "/targetfile.php",
data: dataString,
success: function(data){
if (data == "SUCCESS") {
//alert("Successful");
document.comment_form.message.value = "";
setTimeout (CommentAjax,0);
}
else {
alert("Error: "+data);
}
}
});
}

Just close the function properly...