<input??type="text"?class="form-control"?onfocus="inputFocus(this);"?onblur="matterChange(this);">
<select????multiple??class="form-control">
????<option?value="">BAX</option>
????<option?value="">sfv</option>
????<option?value="">AA</option>
</select>
function?inputFocus(obj){/*input獲得焦點事件*/
????$(obj).next().show();
}
function?matterChange(obj){/*input失去焦點事件*/
????var?selectVal=$(obj).next().children("option:selected").text();
????$(obj).val(selectVal);
????var?inputVal=$(obj).val();
????if(inputVal?!=?null?&&?inputVal.length?>?0?&&?inputVal?==?selectVal){
????????$(obj).next().hide();
????}else{/*?沒有選中值?*/
????????$(obj).val("");
????????$(obj).next().hide();
????}
}
想要實現(xiàn)的效果是:input獲得焦點時,select顯示,當選擇了option時,將選擇option的值傳到input,并且隱藏input。但是在沒有選中option時可以點擊input和select以外的地方使select消失
現(xiàn)在基本能實現(xiàn)這種效果。只是在火狐可以。在谷歌,360,IE上第一次點擊獲取不到option的值,第二次就可以。有沒有什么方法解決這種問題或者換個方法,求大神指導?。?!
關于input獲得焦點顯示下面的select問題
nobcainiao
2016-11-17 20:43:00