Javascript 如何获取输入文本的内容？

我只是尝试使用

中键入的任何内容作为脚本的变量

我尝试了.select（）.value（）.val（），但它始终返回未定义或null。我正在尝试异步操作，这样页面就不必刷新，但它不想按我的意愿工作

$(function() {
    $('#changeDistance').click(function(e) { e.preventDefault();
        console.log('Triggered');
        setDistance = $('#setDistance').select();
        console.log($('#setDistance').select());
        for (var i = 0; i < markersArray.length; i++) {
            markersArray[i].setMap(null);
        }
        for (var i = 0; i < database.length; i++) {
            createMarker(database[i].latitude, database[i].longitude, database[i].markerTitle, initialLocation);
        }

    });
});

$（函数（）{
$（'#changeDistance'）。单击（函数（e）{e.preventDefault（）；
console.log（'Triggered'）；
setDistance=$（'#setDistance'）。选择（）；
console.log（$（'#setDistance'）.select（））；
对于（var i=0；i

---

就是我试图使用它的地方

假设您的输入确实如下：

那么在jQuery中获取其值的正确函数是

.val（）

---

但是，如果你写

$（“#setDistance”）.val（）

，我会用私刑处死你。改用

document.getElementById（'setDistance'）.value

。

假设您的输入确实如下：

，那么在jQuery中获取其值的正确函数是

.val（）

---

但是，如果你写

$（“#setDistance”）.val（）

，我会用私刑处死你。改为使用

document.getElementById（'setDistance'）.value

。

首先，您需要指定并将

Id

添加到输入标记中

用这个

$('#inputID').val()` 

对于ID，您需要使用

#

，如果您指定了一个类，则需要使用句点

若您给类（类被分配给多个属性），那个么您将得到数组。因此，您需要通过索引访问每个元素

$('.classname').each(function() {  
   $(this).val();  
});

---

首先，您需要为输入标记指定和

Id

用这个

$('#inputID').val()` 

对于ID，您需要使用

#

，如果您指定了一个类，则需要使用句点

若您给类（类被分配给多个属性），那个么您将得到数组。因此，您需要通过索引访问每个元素

$('.classname').each(function() {  
   $(this).val();  
});

试一试

试一试

---

您可以按文本框id使用

$("#TextboxId").val();

或

或

---

您可以按文本框id使用

$("#TextboxId").val();

或

或

---

---

你能展示一些html来配合这个吗？你能展示一些html来配合这个吗？@Kolink:你能解释一下为什么

document.getElementById（id）.value

比

$（selector）.val（）

，正如你所暗示的那样？我在控制台中遇到了这个错误。log`TypeError:document.getElementById（…）为null[中断此错误]setDistance=document.getElementById（'setDistance'）。值`我可以，但比以前做得好得多。@XCritics这意味着您没有具有该ID的元素。这也解释了为什么您试图获取值时会导致

未定义

。看到我在第一句话中假设你使用的HTML了吗？我修正了它，我想这是因为我的id和我的全局id同名variable@Kolink：您能解释一下为什么

document.getElementById（id）.value

比

$（selector）.val（）更受欢迎吗，正如您所暗示的那样？我在控制台中遇到了这个错误。log`TypeError:document.getElementById（…）为null[Break On this error]setDistance=document.getElementById（'setDistance'）。value`我可以，但比以前做得好得多。@XCritics这意味着您没有具有该ID的元素。这也解释了为什么您试图获取值时会导致
未定义
。请看我在第一句话中假设您使用的HTML。我修复了它，我认为这是因为我的id与我的全局变量同名。请认为您被处以私刑。（见我对这一评论的原因的回答）认为自己被处以私刑。（请参阅我的回答以了解此评论的原因）您也被处以私刑。您也被处以私刑。@Kolink难道您没有听说jQuery使您的代码更具可读性吗？如果您在一个地方使用它，您应该在任何地方都使用它，以使代码一致性和维护更容易？“你去哪儿了？”罗布把六英寻深的东西埋在香草冰淇淋的海洋下。好极了。你知道，我现在正在评论低质量的帖子。“由于其长度和内容，此答案被自动标记为低质量。”哈哈@Kolink难道您没有听说jQuery使您的代码更具可读性吗？如果您在一个地方使用它，您应该在任何地方都使用它，以使代码一致性和维护更容易？“你去哪儿了？”罗布把六英寻深的东西埋在香草冰淇淋的海洋下。好极了。你知道，我现在正在评论低质量的帖子。“由于其长度和内容，此答案被自动标记为低质量。”哈哈！