第一步通過js獲取到input輸入框中的值，第二步根據第一步獲取的值在下拉框select的option選擇項目進行比較，如果兩個值相等，則把option選中。

關於input輸入框瀏覽器會有自帶的樣式，如何修改input輸入框的樣式和點擊時的樣式方法如下。

1、html的寫法，有一個input文本框和一個input type=button的按鈕。

2、input的基本樣式書寫，placeholder的樣式也可以修改，主要去掉原有的input樣式，加入自己的樣式。

3、點擊時，input輸入框樣式改變，可以為點擊時加入動畫，點擊輸入框時有陰影和顏色。

涉及到的知識點：

1 placeholder的樣式修改 ,text-indent控制文字距離

2 input邊框的樣式修改 ，去掉原有樣式

3 點擊時邊框顏色和陰影的變化 box-shadow內發光樣式貌似比較好看

4 點擊時會有動畫加入

因為input輸入框還有2px的邊框等，以200px寬度、80px高度為例，解決辦法如下：

需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、在index.html中的<style>標籤中，輸入css代碼：input {width: 196px;height: 75px;}。

3、瀏覽器運行index.html頁面，此時發現輸入框的寬剛好200px，高剛好80px。