jquery如何读取另一个html文件内容

jquery如何读取另一个html文件内容,第1张

<script language="javascript" type="text/javascript">

<!--

function loadXMLDoc(){

    var xml;

网上找的,我没试,就是一个ajax读取,然后得到指定节点

  html中获取标签的数据,可以通过js来获取,如下代码:

<script type="text/javascript" src="js/jqueryjs"></script>

<script type="text/javascript">

function validate(){

//一 .是通过jDOM

// var attitudeObj = documentgetElementById("attitude");

//var attitude = attitudeObjinnerHTML;

//二 .是通过jquery

var att = $("#attitude")text();//可以得到输入域中的内容

var idnum = $("#idnum")val();

var name = $("#name")val();

var t_name =  $("#t_name")val() ;

var pro_name =  $("#pro_name")val() ;

// alert(att);

if( name == null || name == "" ){

alert("请输入毕业设计名称!");

return false;

}

att   =   attreplace(/\s+/g,"");

if( att == null || att == ""){

alert("请输入选题须知!");

return false;

}

if( t_name == null || t_name == "" ){

alert("请选择教师!");

return false;

}

if( pro_name == null || pro_name == ""){

alert("请选择专业!");

return false;

}

location="teacher/mainfrajsp";

//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;

return true;

}

</script>

</head>

<body">

<div >

<div style="margin-left: 100px;">

<!--   <form action="teacherAction_AddGraduationTitleaction" method="post" >-->

<span>自动编号:</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>

<br/>

<span>毕业设计名称:</span><input type="text" name="name" id="name"/><br/><br/>

<span>所属教师:</span><select name="t_name" id="t_name">

<option></option>

<s:iterator value="teacherList">

<option value="<s:property value='idnum' />"><s:property value="name" /></option>

</s:iterator>

</select> <br/> <br/>

<span>所属专业:</span><select name="pro_name" id="pro_name">

<option></option>

<s:iterator value="professionList">

<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>

</s:iterator>

</select>

<br/>

<br/>

<span>选题须知:</span>

<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">

</textarea>

<br/>

<br/>

<input type="button" value="添加">  <input style="margin-left: 100px" type="reset" value="重置">

<!-- </form> -->

</div>

</div>

</body>

取得table中的input:

$('table input')

取得table中第一个input:

$('table input:eq(0)')

取得table中第一个input的value:

$('table input:eq(0)')val()

遍历table中的所有input,d出value:

$('table input')each(function(){

alert($(this)val());

});

示例代码如下:

<!DOCTYPE html>

<html>

<head>

<script src="jquery-331minjs"></script>

<script>

function showDate()

{

  alert($('#user_date')val());

}

</script>

</head>

<body>

<form>

<input type="date" id="user_date" />

<input type="button" value="获取日期" onclick="showDate();" />

</form>

</body>

</html>

运行截图:

jquery获取select的值其实类似于获取其他表单的值,需要用到val()方法, 代码如下:

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title></title>

    <script src="//cdnbootcsscom/jquery/1111/jqueryjs"></script>

    <script>

        $(function(){

            $('btn-show')click(function(){

                alert($('#selector')val());

            });

        })

    </script>

</head>

<body >

    <button class="btn-show">点击显示select对应的值</button>

    <select name="select" id="selector">

        <option value="1">西瓜</option>

        <option value="2">梨</option>

        <option value="3">李子</option>

        <option value="4">菠萝</option>

        <option value="5">哈密瓜</option>

    </select>

</body>

</html>

基于jquery的文本编辑器有很多,不知道你用的哪一种

并且每种编辑器在不同的服务器环境下 *** 作也不一样

我给你一个   CKEDITOR 在aspnet下的

CKEDITORinstancesTxtContentsetData();//清空

CKEDITORinstancesTxtContentsetData(html);//放入html源码

其中 TxtContent 就是CKEDITOR编辑器的id

后面那个括号空的话 就是清空,或者是放入 html语句

CKEDITORinstancesTxtContentgetData();

这个是提取的语句,提取到的也是源码

你可以根据这个 先提取  在修改后写入,也可以实现你要的追加

用jquery的ajax类似的请求就可以了:比如:

$get("testphp", function(data){

alert("Data Loaded: " + data);

//拿到data以后就直接插入到指定的div里面,加入div id为tag

那么写法为$("#tag")append(data);

});

以上就是关于jquery如何读取另一个html文件内容全部的内容,包括:jquery如何读取另一个html文件内容、html的标签,如何获取当前选中的项的内容呢、jquery如何获取指定table的html,并且要包含input输入的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9761621.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存