innerhtml 相关问题

我正在制作一个电话选择器输入菜单，其中有一个和字段，如下所示： [India] >>] >> 首先，您提供的代码中有一些奇怪的细节。 <select id-"country"> 应该是 <select id="country"> ？您为什么同时使用模板来连接模板和模板？仅仅使用还不够吗 tel.value = ${select.options[select.selectedIndex].value}${tel.value} ？此外，您将使用什么事件？如果我们是第一次选择国家/地区，则效果很好，例如添加“ 91”。但是下一次（如果我们不小心选择了错误的国家/地区），它将再次添加代码。至于问题，您能详细介绍一下现在发生的情况吗？> 问题是，您在第一行上放置了'-'而不是'='符号。应该是： <select id="country"> 而且，为什么要使用jQuery？ Javascript可以轻松覆盖它： const select = document.getElementById('country'); const tel = document.getElementById('tel'); tel.value = select.options[select.selectedIndex].value + tel.value; 您可以做这样的事情 const select = document.querySelector('#country'); const tel = document.getElementById('tel'); let prevVal = select.value; // storing previous value of select // this block will be exected on init of code if(tel.value) tel.value = `${select.value}${tel.value}`; else tel.placeholder = `${select.value}${tel.placeholder}`; // adding event on changing input tel.addEventListener('change', ({ target }) => { const reg = new RegExp(`(^${prevVal} )`); // checking do we already have country code if (reg.test(target.value)) tel.value = tel.value.replace(reg, target.value); else tel.value = `${select.value}${target.value}`; }); // adding event on changing select select.addEventListener('change', ({ target }) => { const reg = new RegExp(`(^${prevVal})`); if(tel.value) tel.value = `${target.value}${tel.value.replace(reg, '')}`; else tel.placeholder = tel.placeholder.replace(reg, target.value); prevVal = target.value; }); <select id="country"> <option data-countryCode="IN" value="91" selected>India</option> <option data-countryCode="US" value="1">US</option> <option data-countryCode="GB" value="44">UK</option> </select> <input type="tel" placeholder ="956 826 4457" id="tel">

javascript select input innerhtml concat

回答 3 投票 0

innerHTML替代或用div替换onchange事件

我遇到了问题，我需要你们的帮助。我有一个HTML表单。它将国家，州，城市和密码（要手动输入）发送到php文件，以借助ajax进行处理。一旦...

javascript dom-events onchange innerhtml

回答 1 投票 0

无法使用位置：粘性；通过.innerHTML

我想使菜单停留在页面顶部。如果我只是将代码添加到页面中，则代码可以正常工作。但是，我想使用javascript，因为我希望能够更改...

javascript html css css-position innerhtml

回答 1 投票 0

根据属性更改innerHTML吗？

在我的HTML页面的某处，我有一个段落：如何使用文档来更改HTML。?.innerHTML基于switch-type属性的语句？