html 怎么获得 text的值

html 怎么获得 text的值,第1张

1在head中引用jQuery:

<script type="text/JavaScript" src="/js/jquery-171minjs"></script>

2定义一个text输入框:

<input type="text" value="" id="inputValue"/>

3在自定义函数中根据id获取此text的值:

var temp = $('#inputValue')val();//获取值

alert(temp);

//显示

4将输入的 字符串根据 ","分割:

var temp = $('#inputValue')val();

var getStr = tempsplit(",");

5定义一个对象,并打印输入这个对象的值:

var jsonData = {};

jsonDataMainCmdID = 9100;//游戏消息 MDM_GF_GAME

jsonDataSubCmdID = 9012;//用户出牌

SUB_C_OUT_CART_WEB

jsonDataChairID = 0;

jsonDataCardCount = getStrlength;

jsonDataCardData = temp;

var str = JSONstringify(jsonData);

alert(str);

获取table的text可以说,和form无关,只是一种前台 *** 作而言!

<table>

<tbody>

<tr><td>0-0</td><td>0-1</td><td>0-2</td><td>0-3</td><td>0-4</td></tr>

<tr><td>1-0</td><td>1-1</td><td>1-2</td><td>1-3</td><td>1-4</td></tr>

</tbody>

</table>

<script>

var tbd=documentgetElementsByTagName("TBODY")[0];

cell = tbdchildNodes[1]cells[3]; //row:1 , cell:3

alert( cellchildNodes[0]nodeValue );

//在获得cell实例之后,再来个childNodes[0],在DOM里,文本值并非我们理解中的值,而是一个节点,我们要当文本作为节点去理解才能明白这里的含义

</script>

我给出的建议:

1、循环输出的多个文本框,name不要使用<%=i%>,而使用同一个名字,比如就是你说的textfield_studentName

2、使用var obj = documentgetElementsByName("textfield_studentName");

取出的是所有文本框的数组

3、循环obj可以进行相应的处理。

以下是一段测试Demo,供参考:

<input name="textfield_studentName" id="1" type="text" value="第一个文本框"/>

<input name="textfield_studentName" id="2" type="text" value="第二个文本框"/>

<input name="textfield_studentName" id="3" type="text" value="第三个文本框"/>

<input name="textfield_studentName" id="4" type="text" value="第四个文本框"/>

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

var obj = documentgetElementsByName("textfield_studentName");

for ( i = 0; i < objlength; i++) {

alert("第" + i + "个文本框的ID为:" + obj[i]id + ",文本内容为:" + obj[i]value);

}

</script>

以上就是关于html 怎么获得 text的值全部的内容,包括:html 怎么获得 text的值、JavaScript如何获取form中table里的text、javascript获取textfield值的问题,有点复杂等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9655557.html

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

发表评论

登录后才能评论

评论列表(0条)

保存