4 {{ upvoteCount | shortNum }}
4 {{ upvoteCount | shortNum }}

I have TEXTAREA form, i want to add DROP DOWN LIST BOX beside it,like prefix in forum

by basketmen
3 replies
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>
#add #drop #form #textarea
  • Profile picture of the author KirkMcD
    What's not working?
    The dropdown or your script?
    {{ DiscussionBoard.errors[7039831].message }}
    • Profile picture of the author basketmen
      Originally Posted by KirkMcD View Post

      What's not working?
      The dropdown or your script?
      i mean the comment in the form is not submited using above code

      i just want to joining the drop down value + the textarea value, then send them to database as 1 field
      {{ DiscussionBoard.errors[7039857].message }}
  • Profile picture of the author FirstSocialApps
    You have to give your textarea and your drop down a ID .. not just a NAME. Then you can do something like this
    (this is a JQUERY example)

    var CombindedText=$('#DROP_DOWN_ID').val()+$('#TEXTARE A_ID').val();

    Then you can have a hidden field in the form, again make sure you give it an ID not just a NAME and do:

    $('#HIDDEN_FIELD_ID').val(CombinedText);

    Again .. these are JQUERY examples so make sure you have it loaded. Also make sure you change the ID's in the sample code to the correct ID's you assign your elements.
    Signature
    Create Facebook deals, sweepstakes, contests, polls, custom pages and more without a monthly fee!

    Generate thousands of leads in any niche in under 60 seconds!
    {{ DiscussionBoard.errors[7042536].message }}

Trending Topics