我正在尝试使用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>
答案 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