js把select变成输入框,选中的option为输入框的值 求代码要火狐ie都可以的 请不要讲原理 谢谢 ！

发布网友 发布时间：2022-04-24 12:02

我来回答

共2个回答

热心网友 时间：2022-04-24 13:31

　　您好！很高兴为您答疑！

下面这个修改下显示内容就可以直接套用：
<script>
function findinfo(){
var input_val = document.getElementById('find_location').value;
if(input_val != '')
{
var my_select = document.getElementById('location');
var sel_len = my_select.length;
for(var i = 0 ; i < sel_len ; i++)
{
if(my_select.options[i].text == input_val)
{
my_select.options[i].selected = true;
break;
}
}
}
}
</script>

<select name="location" id="location" onchange="checkinfo_location();" >
<option value="0" >全国</option>
<option value="1" >北京</option>
<option value="2" >天津</option>
</select>

　　您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

热心网友 时间：2022-04-24 14:49

function select2Input(s){
var ipt=document.createElement('input');
ipt.type ='text' ;
ipt.value =s.options[s.selectedIndex].value //要列表的文字就把value改为text
s.parentNode.appendChild(ipt);
s.parentNode.removeChild(s);
}

ok ,用法：
<select onchange="select2Input(this)">
<option value ='a'>aaa</option>
</select>

手机发贴未测试