I Have Textarea Form, I Want To Add Drop Down List Box Beside It,like Prefix In Forum

[basketmen]

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>

[Christian F.]

Why don't you use jQuery to fetch the value, and to add it to the request? You are using it everywhere else, after all.

However, your main problem stems from using value = ..... Where did you get this variable from, and where is it used later?

Edited September 24, 2012 by Christian F.