<div class="layui-form-item layui-inline"> <label class="layui-form-label">事件来源</label> <div class="layui-input-inline"> <select name="event_source"> <option value="">--请选择--</option> {foreach $event_source as $key => $value} <option value="{$key}" {if $key == 'applet'} selected{/if}>{$value}</option> {/foreach} </select> </div> </div>只显示默认搜索其他搜索不显示

要使默认选项显示，而其他选项不显示，您可以使用CSS的display属性来控制选项的显示与隐藏。请尝试以下代码：

<div class="layui-form-item layui-inline">
    <label class="layui-form-label">事件来源</label>
    <div class="layui-input-inline">
        <select name="event_source" onchange="showSelectedOption(this)">
            <option value="">--请选择--</option>
            {foreach $event_source as $key => $value}
                <option value="{$key}" {if $key == 'applet'} selected{/if}>{$value}</option>
            {/foreach}
        </select>
    </div>
</div>

<script>
function showSelectedOption(selectElement) {
    var selectedValue = selectElement.value;
    var options = selectElement.getElementsByTagName('option');
    for (var i = 0; i < options.length; i++) {
        if (options[i].value === selectedValue) {
            options[i].style.display = 'block';
        } else {
            options[i].style.display = 'none';
        }
    }
}
</script>

这段代码通过添加一个onchange事件处理函数`showSelectedOption()`来实现。当用户选择一个选项时，该函数会根据所选值显示相应的选项，而隐藏其他选项。默认选项"--请选择--"会一直显示。

注意：这段代码使用了内联JavaScript来实现功能。如果您使用的是外部JavaScript文件，请将相应的代码放入适当的位置。