php获取select中的值



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>


<form action="2.php" method="get">
<div
style="width: 210px; height: 28px; margin: auto; margin-top: 28px; border: 1px #ccc solid; position: relative">
<select name="select" id="select"
οnchange="fuzhi(this.options[this.selectedIndex].text)"
style="width: 100%; height: 100%; line-height: 28px; position: absolute; left: 0px; top: 0px"
class="editable">
<option value="0"></option>
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
</select>
<input type="hidden" id="select_content" name="select_content" />
<input type="text" id="text1"name="text1"
style="width: 90%; height: 22px; position: absolute; left: 0px; top: 0px; z-index: 100;" />
</div>
<input type="submit" name="button" id="button" value="查询" />


</form>


<script language="javascript">


function fuzhi(a){
document.getElementById("select_content").value=a;//赋值,咚咚
}

    window.onload = function(){
//只需修改此处即可
var className = "editable";
var array = [];
var selects = document.getElementsByTagName("select");
//找到符合条件的select 和 text 对
for(var i = 0; i<selects.length; i++){
if(selects[i].getAttribute("class") == className){
//找到对应的text文本框
var text = selects[i].parentNode.lastElementChild;
var sel  = selects[i];
var arr = [];
arr[0] = sel;
arr[1] = text;
array.push(arr);
}
}

for(var i=0; i<array.length;i++){
//遍历符合条件的select 和 text 并添加事件响应函数
var sel  = array[i][0];
var text = array[i][1];
sel.textObj = array[i][1];
text.selObj = array[i][0];

sel.onchange = function(){
this.textObj.value = this.options[this.selectedIndex].text;
}
text.onchange = function(){
//去除text框开头结尾的空格
this.value = this.value.replace(/^\s*/g,"");
this.value = this.value.replace(/\s*$/g,"");
//如果text文本框内容发生改变 且select内部没有此text的选项 则加入到select的option选项中
for(var j=0;j<this.selObj.options.length;j++){
if(this.selObj.options[j].text == this.value){
return;
}
}
var opt = new Option();
opt.value = this.value;
opt.text = this.value;
this.selObj.options.add(opt);
}
}

}
</script>
</body>

</html>

--------------------------------------------------------------------

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php


echo $_GET['select'].'<br/>';
echo $_GET['select_content'].'<br/>';
echo $_GET['text1'].'<br/>';
?>


  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值