无法获取输入值答案

【问题标题】：Cant get value of input无法获取输入值
【发布时间】：2014-12-08 10:38:41
【问题描述】：

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

 <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 );

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

【问题讨论】：

您似乎混淆了id 和class 属性； id（如果存在）必须只有一个属性值（没有空格），class 可以采用空格分隔的 list属性值。
@DavidThomas，你是对的

标签： javascript jquery jquery-selectors getelementbyid elements

【解决方案1】：

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

id="account_ya_price_list_url shop_key_input"

应该是

id="shop_key_input"

然后#shop_key_input 将匹配它。

【讨论】：

【解决方案2】：

每个元素只允许有一个ID。

所以尝试只使用 #shop_key_input 并使用 document.getElementById('shop_key_input'); 或 $('#shop_key_input')

【讨论】：

【解决方案3】：

使用类获取文本框的值

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

【讨论】：