This function is more practical, many cases we can use, in fact, the code is quite simple, you can also unlimited add any drop-down list box value, selected automatically displayed in the text box.
JavaScript uses ParentNode.nextSibling.value to implement this function, you will actually find that there are two control elements on the Web page, one is select, one is input, use CSS to overwrite the input on the Select, and then use JS to assign the value of the Drop-down box to Input, is actually using input to simulate the function of select, the idea is very novel, also do not know how many people need select can enter text function, the following is the detailed implementation code:
| The code is as follows | Copy Code |
<div style= "position:relative;" > |
|
In this example, the CSS implementation input box positioning, JS implementation of the user selected select the value displayed in the input.
| code is as follows | copy code |
| |
|
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
