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

Discussion in 'JavaScript' started by basketmen, Sep 24, 2012.

  1. #1
    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




     
    basketmen, Sep 24, 2012 IP
  2. plussy

    plussy Peon

    Messages:
    152
    Likes Received:
    5
    Best Answers:
    9
    Trophy Points:
    0
    #2
    you are using some jquery and then on other points you write it all by from scratch. Why don't you use just jquery?

    try this
    (changes highlighted in green
    
    <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) {
    [COLOR=#008000]var msgPrefix = $.('#message_prefix").val();[/COLOR]
    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" />
    
    
    [COLOR=#008000]<select id="message_prefix"> [/COLOR]
    <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>
    
    Code (markup):
     
    plussy, Sep 24, 2012 IP