大家搞搜索框的时候 有的需要根据栏目的ID来查询内容,所以根据类别怎么让value属性自动获取用户选择的<option>的值
要让一个<input type="hidden">元素的value属性自动获取用户选择的<option>的值，你可以使用JavaScript来监听<select>元素的变化，并更新隐藏输入框的值。以下是一个示例代码：
<script>
// 当文档加载完毕时执行
document.addEventListener('DOMContentLoaded', function() {
// 获取select元素和hidden input元素
var selectElement = document.getElementById('mySelect');
var hiddenInput = document.getElementById('scode');
// 设置hidden input的初始值为默认值"6"
hiddenInput.value = "6";
// 为select元素添加事件监听器
selectElement.addEventListener('change', function() {
// 获取当前选中的option的value
var selectedOptionValue = selectElement.options[selectElement.selectedIndex].value;
// 如果选中的option有值，则更新hidden input的value
// 如果没有值（即用户没有选择任何选项），hidden input保持默认值"6"
if (selectedOptionValue !== "") {
hiddenInput.value = selectedOptionValue;
}
});
});
</script>
</head>
<body>
<label for="mySelect">请选择一个选项:</label>
<select id="mySelect">
<option value="">请选择</option>
<option value="code1">选项1</option>
<option value="code2">选项2</option>
<option value="code3">选项3</option>
</select>
<!-- 这个hidden input的value将自动更新为选中的option的value，或默认为"6" -->
<input type="hidden" id="scode" name="scode" value="">
