使用jquery为表单添加funtionlity [英] Using jquery add funtionlity to the form
本文介绍了使用jquery为表单添加funtionlity的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想使用jquery，html，php为问答形式添加functionlity，当用户点击答案按钮时，它会向他显示textarea并从textarea获取数据，当他填写名称时然后只有textarea被激活
我尝试过：
i want to add functionlity for a question and answer form using jquery ,html,php in which when a user clicks on the answer button then it will show him the textarea and takes the data from the textarea and when he fills the name then only the textarea get activated
What I have tried:
<?php //print_r($QuesAns);exit; ?>
<div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 hidden-xs bordered-row question-ans-drawer" id="js_ques_ans_template">
<div class="ques-ans-sticky">
<h3>All Questions</h3>
<span class="ask-ques">
<span class="ellipsis"><?php echo $adda['display_name']; ?></span>Ask a question
</span>
</div>
<div class="ques-ans-wrapper">
<ul>
<?php foreach ($QuesAns as $QuesAns_key => $QuesAns_value) {
?>
<li class="ques-container"> <div class="user-question">
<div class="ques-details">
<?php echo $QuesAns_value['userId']['firstName'].''.$QuesAns_value['userId']['lastName']; ?>
<small> <?php if ($QuesAns_value['lastmodifiedDate']) {
echo $QuesAns_value['lastmodifiedDate']; }
else{
echo $QuesAns_value['creationDate'];
} ?>
</small>
<p><?php echo $QuesAns_value['question']; ?></p>
<span class="abuse " title="Report as spam" id="abuse-<?php echo $QuesAns_value['id'];?>">report abuse</span>
<span class="js_answer">Answer</span>
</div>
</div>
<div class="ans-list-section">
<?php if (!empty($QuesAns_value['answers'])) {
foreach ($QuesAns_value['answers'] as $answer_key => $answer_value) {
?>
<ul class="ans-container">
<li> <div class="ans-content">
<div class="ans-content-details">
<?php echo $answer_value['userId']['firstName'].''.$answer_value['userId']['lastName']; ?><small> <?php echo $answer_value['creationDate']; ?></small>
<p><?php echo $answer_value['answer']; ?></p>
<span class="abuse" title="Report as spam" id="abuse-<?php echo $answer_value['id'];?>">report abuse</span>
</div>
</div>
</li>
</ul>
<?php
}
} ?>
<span class="more-ans">12 more answers</span><?php
/*foreach ($QuesAns as $QuesAns_key => $QuesAns_value) {
if($QuesAns_value['stats']['answersCount'] > 2 && $QuesAns_value['stats']['answersCount'] != 0){
echo $QuesAns_value['stats']['answersCount']
}
} */
?>
</div>
</li> <?php } ?>
</ul>
</div>
</div>
<div class="js_ask_ques" id="js_ask_ques_pop">
<div class="user-login form-group">
<img src="#" alt="" class="login-user-img">
<div class="login-form-field">
<input type="text" placeholder="enter email address" class="form-control">
<input type="text" placeholder="enter your name" class="form-control">
</div>
</div>
<div class="ques-section ans-section ">
<textarea name="" id="" rows="3"></textarea>
<span class="signup-link"><a href="javascript:;" class="js_ufdbk_login" class="">Log In</a> or Don't have an account? <a href="javascript:;" class="js_ufdbk_signup">Sign Up</a></span>
<button type="submit" class="btn btn-success pull-right">Post</button>
<button type="cancel" class="btn btn-default pull-right">cancel</button>
</div>
</div>
<div class="ans-list-section ">
<div class="ans-box">
<div class="user-login form-group">
<img src="#" alt="" class="login-user-img">
<div class="login-form-field">
<input type="text" placeholder="enter email address" class="form-control">
<input type="text" placeholder="enter your name" class="form-control">
</div>
</div>
<div class="ans-section">
<div class="user-question">
<img src="http://saurabh.jogurucdn.com/resources_version/desktop/img/default/user/t1/default_1_new.jpg" alt="" class="login-user-img">
<span><?php echo $QuesAns_value['userId']['firstName'].''.$QuesAns_value['userId']['lastName']; ?> </span>
</div>
<textarea name="" id="" rows="3"></textarea>
<!-- <span class="signup-link"><a href="#">log In</a>or Don't have an account? <a href="#">Sign Up</a></span> -->
<button type="submit" class="btn btn-success pull-right">Post</button>
</div>
</div>
</div>
推荐答案
QuesAns）;退出; ？>
< < span class =code-leadattribute> div class = col-lg-4 col-md-4 col-sm-12 col-xs-12 hidden-xs bordered-row question-ans-drawer id = js_ques_ans_template >
< div class = ques-ans-sticky > $ b $b \t\t\t<h3>All Questions</h3>
\t\t\t<span class=\"ask-ques\">
\t\t\t\t<span class=\"ellipsis\"><?php echo
QuesAns);exit; ?> <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 hidden-xs bordered-row question-ans-drawer" id="js_ques_ans_template"> <div class="ques-ans-sticky"> <h3>All Questions</h3> <span class="ask-ques"> <span class="ellipsis"><?php echo
adda['display_name']; ?></span>Ask a question
\t\t\t</span>\t
\t\t</div>
\t\t
\t\t<div class=\"ques-ans-wrapper\">
\t\t\t<ul>
\t\t\t\t<?php foreach (
adda['display_name']; ?></span>Ask a question </span> </div> <div class="ques-ans-wrapper"> <ul> <?php foreach (
Q uesAns as
QuesAns as
这篇关于使用jquery为表单添加funtionlity的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
