版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Bof_jangle/article/details/82855145
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>可选可输下拉框</title>
</head>
<body>
<div style="position: relative;">
<span style="margin-left: 100px; width: 18px; overflow: hidden;">
<select id="content-type-select"
style="width: 235px; margin-left: -86px; height: 31px;"
onchange="contentTypeSelectChange()">
<option value="application/x-www-form-urlencoded">application/x-www-form-urlencoded</option>
<option value="multipart/form-data">multipart/form-data</option>
<option value="application/json">application/json</option>
</select>
</span> <input type="text" id="content-type" name="contentType"
style="width: 215px; margin-left: -239px; height: 31px; color: #000;"
value="application/json">
</div>
<script>
function contentTypeSelectChange(){
var contentType = document.getElementById("content-type-select").value;
document.getElementById("content-type").value = contentType;
}
</script>
</body>
</html>