我想实现又可以让用户输入，又可以选择，现在一般是怎么做的？

[猫工]

我想在页面实现，某个数据可以手工输入，也可以选择。是用下拉式的组合框好，还是用一个文本框加上一个按钮，按钮点击弹出后选择值
哪种好，或有更好的办法？
觉得按钮是不是好一些?但复杂一些，还要弹出个窗口来，不知道怎么做
有没有哪个网站是这样做的？
我是想让用户在填写这个数据的时候，又可以输入，又可以选择
有没有哪个网站是放个文本框，再放个按钮来选择的？
现在又可以让用户输入，又可以选择，一般是怎么做的？有没有哪个网站有实现这个功能，想参照一下
比如：用户名，我可以输入：张三
或出个列表，在：张三/李四/王五。。。。里去选择，我想实现这个功能

[kingfly1818]

用Ajax来，在

<input type="text" id="test" onkeyup="getSelect();"><div id="sel_input"></div>

在输入的时候按照你定好的规则将要选择的数据放在sel_input这个div里

[猫工]

[Quote=引用 3 楼 kingfly1818 的回复:]
用Ajax来，在PHP code<input type="text" id="test" onkeyup="getSelect();"><div id="sel_input"></div>在输入的时候按照你定好的规则将要选择的数据放在sel_input这个div里
[/Quote]

如果我的数据是从数据库里取的呢？我需要指向一个过程

[number123456]

我为了简单就用一个下拉菜单加一个文本框

<select name="t1" onchange="document.form.t2.value=this.value;">
<option value="a">a</a>
</select>
<input type="text" name="t2" id="t2" value="" />

但是，这样的界面不是很漂亮，所以，如果想改善用户界面的话最好就用JavaScript来实现，

<div id="t2select" style="display:none;">
<li onclick="os('a');">a</li>
</div>
<input type="text" id="t2" value="" onfocus="document.getElementById('t2select').style.display='';" />
<script language="javascript">
function os(val)
{
   document.getElementById('t2select').style.display='none';
   document.getElementById('t2').value = val;
}
</script>

你可以用css将div弄的漂亮一些，位置最好在文本框下边，因为我不会CSS，所以帮不了你了

[xuzuning]

搜索 “js可编辑下拉列表”
http://topic.csdn.net/u/20091202/11/3bdeed60-3bce-4734-97f4-7153e421a642.html
方案很多自己选择

[han_han_108]

欢迎加入php技术交流群96211381
大家一起交流

[kingfly1818]

[Quote=引用 4 楼 xiongwenbin 的回复:]
引用 3 楼 kingfly1818 的回复:
用Ajax来，在PHP code <input type="text" id="test" onkeyup="getSelect();"> <div id="sel_input"> </div>在输入的时候按照你定好的规则将要选择的数据放在sel_input这个div里


如果我的数据是从数据库里取的呢？我需要指向一个过程
[/Quote]
如果是从数据库里提取的话，先将所需要选择的值查找出来，在getSelect()里通过调用查找出来的内容

[alandy]

给你个最简单方案：

<script>
fuction showclick(id){
  var obj=document.getElementById(id);
  if(obj){
   if(obj.style.display==''){
      obj.style.display=='none'
   }else{
    obj.style.display='';
   }
  }
}
fuction addvalue(id,val){
  var obj=document.getElementById(id);
  if(obj){
  obj.value=val;
 }
}
</script>
<div id="main" style="position:relative;">
 <form name="aa" action="">
 <input type="text" id="sname" onclick="showclick('show');">
 <div id="show" style="display:none;position:absolute;top:2px;left:0px;">
 //至于这DIV内容怎么从库里调用来不用我多说了吧
  <ul onclick="addvalue('sname','张三');showclick('show');">张三</ul>
  <ul onclick="addvalue('sname','李四');showclick('show');">>李四</ul>
  <ul onclick="addvalue('sname','王五');showclick('show');">>王五</ul>
 </div>
 </form>
</div>
//只要<div id="show">样式做漂亮点，用户体验会很好的，选择完毕会自动关闭show,可输入可选；

[骄傲青蛙]

[Quote=引用 4 楼 xiongwenbin 的回复:]
引用 3 楼 kingfly1818 的回复:
用Ajax来，在PHP code <input type="text" id="test" onkeyup="getSelect();"> <div id="sel_input"> </div>在输入的时候按照你定好的规则将要选择的数据放在sel_input这个div里


如果我的数据是从数据库里取的呢？我需要指向一个过程
[/Quote]


其它大家不知道你从数据库里读出的是什么内容， 我们只能在js方面引导你，

你可以把数据在服务端后处理好， 放入一个字符串，

例如 $str = '<select><option>M...</option> .... </select>';

把这样的字符串返回浏览器， 然后直接用js覆盖原来的旧的html

[t240034137]

JS AJAX 和手工组合

[薪水]

up