Event.target.value返回空字符串或空白

天12

我正在为学校的作业创建一个天气仪表板,但最后一点却遇到了问题。基本上,用户将搜索一个特定的城市,作为回报,它将获得有关该城市天气的所有数据和信息。我目前所坚持的是弄清楚如何正确使用event.target.value。当用户搜索城市时,我将城市名称附加到我的网页上,然后将该名称转换为按钮。单击按钮后,我希望它只返回城市的名称。但是,我得到的似乎是一个空字符串,或者无法识别其目标值?下面是我的代码:

let cities = [];

function saveCity() {

    event.preventDefault();

    let city = $('.form-control').val().trim()

    cities.push(city)

    $("#newCity").append('<ul><button class="btn btn-primary">' + city + '</button></ul>');

    localStorage.setItem("cities", JSON.stringify(cities))

}

function appendStorage(){

        cities = JSON.parse(localStorage.getItem('cities'));

        for (let index = 0; index < cities.length; index++) {
            const element = cities[index];

            $("#newCity").append('<ul><button class="btn btn-primary">' + element + 
                                                                          '</button></ul>');

        }

        $(".cities").click(function(event) {
            let cityName = event.target.value
            console.log('clicked')
            console.log(cityName)
        })

}

$(".cities").click(function(event) {
    let cityName = event.target.value
    console.log(cityName) 
})

如果我从“ event.target”中删除“ .value”并搜索“伦敦”市的天气,例如“ console.log”

    $(".cities").click(function(event) {
        let cityName = event.target
        console.log(cityName) 
    })

我得到一个console.log:

<button class="btn btn-primary">London</button>

我可以进一步解释我的要求是否不清楚,或者可以根据需要上传更多代码。谢谢你的帮助。

阿努拉格·斯里瓦斯塔瓦(Anurag Srivastava)

通常情况下,你附加valueinputselecttextarea的元素,基本上用户输入元素,并使用它拿来.value

可以使用value属性为按钮添加值,这种情况下您会丢失。

使用$(event.target).text()的取得按钮文本

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

来自分类Dev

卷曲返回空字符串

来自分类Dev

匹配返回空字符串

来自分类Dev

fgets()返回空字符串

来自分类Dev

如果数字input.value包含“ e”字符,则返回空字符串

来自分类Dev

Javascript:奇怪的行为“空字符串”和“假”返回空字符串

来自分类Java

EditText.getText.toString()返回空字符串

来自分类Java

EditText.getText.toString()返回空字符串

来自分类Dev

在C中返回空字符串

来自分类Dev

PHP中的DOMXPath返回空字符串

来自分类Dev

WebUI.getText()返回空字符串

来自分类Dev

语言环境在Android中返回空字符串

来自分类Dev

ctypes-函数仅返回空字符串

来自分类Dev

如何从RPC调用返回空字符串?

来自分类Dev

拆分不返回空字符串

来自分类Dev

getText()在sendKeys()之后返回空字符串

来自分类Dev

拆分空字符串应返回空数组

来自分类Dev

getText()方法返回空字符串

来自分类Dev

Laravel 5 getClientOriginalExtension()返回空字符串

来自分类Dev

蒂卡返回空字符串

来自分类Dev

openssl_encrypt返回空字符串

来自分类Dev

传递空字符串时返回空数组

来自分类Dev

gitlab CI变量返回空字符串?

来自分类Dev

Ajax在Django视图中返回空字符串

来自分类Dev

递归函数返回空字符串

来自分类Dev

该函数返回空字符串

来自分类Dev

CSV导入返回空字符串

来自分类Dev

Tkinter Entry总是返回空字符串

来自分类Dev

Curl返回空字符串,而curl_error也返回空

来自分类Java

使用AES解密返回空白字符串

TOP 榜单

热门标签

归档