无法获得投入的价值

Question

我尝试获取表单的输入值。我已经尝试了很多解决方案但仍然没有结果。这是表单输入：

 <input class="form-control" id="account_ya_price_list_url shop_key_input" name="account[ya_price_list_url]" type="text" style="/* margin-right: 20px; */">

JS：

    console.log($('#shop_key_input').html());
    console.log($('#shop_key_input').val());
    console.log($('#shop_key_input').value);
    var div = document.getElementById('shop_key_input');
    var div2 = document.getElementsByName('account[ya_price_list_url]').first;
    console.log(div2.innerHTML );
    console.log(div.innerHTML );
    console.log(div2.value );
    console.log(div.value );

所有这些或未定义或null。我做错了什么？

Answer 1

id属性的值必须是一个id 而不是以空格分隔的id列表（它不像class属性那样工作）。

id="account_ya_price_list_url shop_key_input"

应该是

id="shop_key_input"

然后#shop_key_input将匹配它。

Answer 2

每个元素只允许一个ID。

因此，请尝试使用#shop_key_input并使用其中之一   document.getElementById('shop_key_input');或$('#shop_key_input')

Answer 3

使用class获取textbox的值

  $('.form-control').val();