星期四, 2014-12-25 15:48 — shiping1

1)取得form对象然后 formObj.input的name.value
取得form对象的方法见 http://shipingzhong.cn/node/3321

2)可以通过 id 取得表单元素然后得到 value;即document.getElementById('input的id').value;

3)document.getElementById('表单的id').input的name.value;
<td class="bline">
<input type="text" class="text" style="width:300px" id="thirdimg" value="" name="thirdimg">
<input type="button" onclick="SelectImage('form1.thirdimg','big')" value="浏览..." class="inputbut" name="thirdimg_bt">
</td>
<td>
    <img src="images/pview.gif" width="150" height="100" id="picview3" name="picview3" ></td>
      <script>
        if(document.getElementById('thirdimg')!=null && document.getElementById('thirdimg').value!='')
        {
           document.getElementById('picview3').src=document.getElementById('thirdimg').value;
        }
</script>
</td>

<form action="querywindow.php" method="post" name="hiddenqueryform"
    id="hiddenqueryform">
    <?php echo PMA_generate_common_hidden_inputs('', ''); ?>
    <input type="hidden" name="db" value="<?php echo htmlspecialchars($db); ?>" />
    <input type="hidden" name="table" value="<?php echo htmlspecialchars($table); ?>" />
    <input type="hidden" name="sql_query" value="" />
    <input type="hidden" name="querydisplay_tab" value="<?php echo $querydisplay_tab; ?>" />
</form>
          querywindow.document.getElementById('hiddenqueryform').table.value = table;
           querywindow.document.getElementById('hiddenqueryform').sql_query.value = sql_query;
          querywindow.document.getElementById('hiddenqueryform').querydisplay_tab.value = "sql";
           querywindow.document.getElementById('hiddenqueryform').sql_query.value = sql_query;

<td><select id="src_list" name="src_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;document.getElementById('title').value=this.options[this.selectedIndex].text;ImageDialog.showPreviewImage(this.options[this.selectedIndex].value);"><option value=""></option></select></td>
                            <td><select id="over_list" name="over_list" onchange="document.getElementById('onmouseoversrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
                                <td>
<select id="out_list" name="out_list" onchange="document.getElementById('onmouseoutsrc').value=this.options[this.selectedIndex].value;"><option value=""></option></select></td>
   <td><select id="image_list" name="image_list" onchange="document.getElementById('src').value=this.options[this.selectedIndex].value;document.getElementById('alt').value=this.options[this.selectedIndex].text;"></select></td>

JS获取表单元素的值

发表于4年前(2011-03-10 10:18) 阅读（4125） | 评论（0） 3人收藏此文章, 我要收藏

1月10日 #长沙# OSC 源创会第32期开始报名

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>测试</title>
</head>
<body>
<form id="form1" name="form1">
文本框 ：<input type="text" id="txt" value="txt" />
<br />
单选按钮：<input type="radio" value="男" name="sex" />男    <input type="radio" value="女" name="sex"  checked="checked"/>女
<br />
复选框：<input type="checkbox" value="1"  name="check[]"/>1<input type="checkbox" value="2" checked="checked"  name="check[]" />2<input type="checkbox" value="3" checked="checked"  name="check[]" />3
<br />    
下拉框：
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<br />
<input type="button" value="获取"  onclick="getVal()"/>
</form>

<script type="text/javascript">

function getVal(){
	var str="";
	//获取单选按钮的值
	var radios = document.form1.sex;
	var n = radios.length;
	for (var i = 0; i < n; i++) {
		if (radios[i].checked) {
			str = " 单选 "+radios[i].value;
		}
	}

	//获取复选框中选中的值的组合 1,2,3,4 
	var checkboxs = document.getElementsByName('check[]');
	var n = checkboxs.length;
	for (var i = 0; i < n; i++) {
		if (checkboxs[i].checked) {
			str += " 复选框 "+checkboxs[i].value;
		}
	}

	//获取下拉列表的选中项的值
	//方法一：
	str += " 列表 一："+document.getElementById("sel").value;

	//方法二：
	var sel = document.getElementById("sel");
	str += " 列表 二："+sel.options[sel.selectedIndex].value;
	
	alert(str);

}
</script>
</body>
</html>

来自 http://my.oschina.net/wangwang110/blog/14009
来自 http://hjtb.blog.163.com/blog/static/17483430720101288415830/

普通分类:

javascript

You are here

js 获取取得表单元素的值 form value

JS获取表单元素的值

友情链接

搜索表单

用户登录

You are here

js 获取 取得表单元素的值 form value

JS获取表单元素的值

友情链接

js 获取取得表单元素的值 form value