关于#jquery#的问题：获取不到往input里面输入的值

获取不到往input里面输入的值

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <script src="jquery-3.4.1.min.js" type="text/javascript" charset="utf-8"></script>
    </head>

    <body>
            <input id="keyword" type="text" value="">
            <div id="contain">
                <ul id="list"></ul>
            </div>
        
        <script type="text/javascript">
            $(function(){
                let i =$("#keyword").val();
                console.log(i);
            })
        </script>
    </body>

</html>

运行结果不报错，但是没有值

我在网上找到了一个代码，可以成功获取到值，为什么前面的那个代码就获取不到值呀？

<script>
            $('#search-box').on('input', function() {
                var searchValue = $(this).val();
                $.ajax({
                    url: 'data.json',
                    dataType: 'json',
                    success: function(data) {
                        console.log(searchValue);
                    }
                });
            });
        </script>

其实是有获取到的，你给的初始值是空，所以获取到的是空值。而且你的代码逻辑跟下面那段代码也不同。你的是网页加载后立刻获取输入框的值(并且只执行一次)，而下面那段代码是给输入框绑定一个input事件，只要输入框的内容发生变化就会执行回调函数

帮你找了个相似的问题, 你可以看下: https://ask.csdn.net/questions/753991
这篇博客也不错, 你可以看下js实现点击按钮实现复制链接的功能，包含input的宽度自适应链接宽度
除此之外, 这篇博客: 点击按钮获取input里面的值中的 使用Jquery方式获取input中的值 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

html代码

<input type="text" name="raise" class='raise'>
<button type="primary" class="raiseBtn">提问</button>

js代码

$('.raiseBtn').click(()=>{
	let raise = $(".raise").val()
	console.log(raise)
})