select切换与input的placeholder和form中的action联动

效果图：

用select实现的选择，如果想要更美观的样式推荐使用li或其它，关于select的样式修改很容易搜到，在此就不贴了orz。

<form method="post" id="searchForm" action="1.html">
       
        <input type="text" name="searchContent1" class="search-input1" placeholder="搜索本站服务" value="">
        <select name="searchType" id="search-select">
                <option value="1">本站</option>
                <option value="2">全网</option>
        </select>
        <input type="submit" value="搜索" class="search-btn1">
</form>

<script type="text/javascript">
    $('#search-select').change(function () {
        var searchVal= $('#search-select').val();
        if (searchVal == 2){
            $('.search-input1').attr('placeholder','搜索全网服务');
            $('#searchForm').attr('action','2.html');
        } else{
            $('.search-input1').attr('placeholder','搜索本站服务');
            $('#searchForm').attr('action','1.html');
        };
    });
</script>