使用自定义BBCode从同一页面上的表单输出数据

时间:2018-01-02 14:58:32

标签: javascript jquery html css

我正在尝试使用javascript从同一页面上的表单输出数据。我已经开始工作了。但是我想补充一些我无法工作的东西。

正如您在按下提交时在下面的代码段中看到的那样,数据从输入中输出到同一页面。现在我正在尝试添加自定义BBCode,以便我的员工可以在论坛上发布输出。 (这是一个采访记录器)。

示例:[b] [/ b]应在某些字段输出,.... 我尝试在javascript或输出范围中添加此bbcode,但这破坏了整个脚本。

我还有另一个问题。如果我添加一个带有Pass或Fail的下拉列表或单选按钮。我如何进行输出更改。 (示例:如果通过:[颜色=绿色]用户已通过面试[/颜色],如果失败:[颜色=红色]用户没有通过面试。原因:... [/ color]

提前致谢。

<!DOCTYPE html>
<html>
  <head lang="en">
  <meta charset="UTF-8">
  <script language="JavaScript">
    function showInput() {
        document.getElementById('display').innerHTML = 
                    document.getElementById("user_input").value;
    }
  </script>

  </head>
<body>

  <form>
    <label><b>Enter a Message</b></label>
    <input type="text" name="message" id="user_input">
  </form>

  <input type="submit" onclick="showInput();"><br/>
  <label>Your input: </label>
  <p><span id='display'></span></p>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

您可以使用.attr()按标签属性进行搜索 尝试使用一个$( "#mform1" ).submit( function( e ) { e.preventDefault(); alert( "123" ); } );来映射您要添加<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script> <form id="mform1" name="mform1" enctype="multipart/form-data" method="post"> <input type="text"> </form>标记的内容的constant,并使用id的{​​{1}}属性来获取您的内容想。
样品:

[B]
value