无法获得投入的价值

时间:2014-12-08 10:38:42

标签: javascript jquery jquery-selectors getelementbyid elements

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

 <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。我做错了什么?

3 个答案:

答案 0 :(得分:4)

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

id="account_ya_price_list_url shop_key_input"

应该是

id="shop_key_input"

然后#shop_key_input将匹配它。

答案 1 :(得分:0)

每个元素只允许一个ID

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

答案 2 :(得分:-2)

使用class获取textbox的值

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