Heim  >  Artikel  >  Web-Frontend  >  select第一个option选项选不中怎么回事_html/css_WEB-ITnose

select第一个option选项选不中怎么回事_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:38:131703Durchsuche







$('#user_type').on('change', function(e) {
console.log(e.currentTarget.value);
var index = e.currentTarget.options.selectedIndex;
_eleTypeCode = e.currentTarget.value;
var text = e.currentTarget.options[index].text;
$("#user").val(text);
});


回复讨论(解决方案)

有没有人么啊

change事件是在选项改变时才会触发,页面加载后默认就是第一项被选中,这时你点了第一项,选项并没有改变,事件就不会被触发
可以在页面加载后让它没有选项被选中
$('#user_type')[0].selectedIndex = -1;
$('#user_type').on('change', function(e) {
console.log(e.currentTarget.value);
var index = e.currentTarget.options.selectedIndex;
_eleTypeCode = e.currentTarget.value;
var text = e.currentTarget.options[index].text;
$("#user").val(text);
});

实测可以选中任意一项, 但页面初始化时, 不会触发 onchange 事件, 所以也不会把  user 输入框的文本自动设置为第一项的值

3楼4楼说的对,加了$('#user_type')[0].selectedIndex = -1;果然可以选了

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn