相关疑难解决方法(0)

使用jQuery作为JS对象向select中添加选项的最佳方法是什么？

<select>使用jQuery从JavaScript对象添加选项的最佳方法是什么？

我正在寻找一些我不需要插件的东西,但我也会对那些插件感兴趣.

这就是我做的:

selectValues = { "1": "test 1", "2": "test 2" };

for (key in selectValues) {
  if (typeof (selectValues[key] == 'string') {
    $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>');
  }
}

Run Code Online (Sandbox Code Playgroud)

简洁明了的解决方案:

这是matdumsa的清理和简化版本:

$.each(selectValues, function(key, value) {
     $('#mySelect')
          .append($('<option>', { value : key })
          .text(value));
});

Run Code Online (Sandbox Code Playgroud)

来自matdumsa的更改:(1)删除了append()中选项的close标记,(2)将属性/属性移动到map中作为append()的第二个参数.

javascript arrays jquery html-select

Dar*_*ein

2017 12-28

1340
推荐指数

26
解决办法

95万
查看次数

提前输入 VueJS 的完整经验

我希望创建一个输入字段，该字段提供有关完成的建议，例如 VScode“Intellisense”（我认为）或dmenu所做的。

我一直在使用 Vue JS 和如下代码：

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
    <label>Lookup German word:
        <input type="text" v-model.trim="word" v-on:keyup="signalChange" v-on:change="signalChange" list="words" autofocus>
    </label>
    <datalist id="words">
        <option v-for="w in words">${w}</option>
    </datalist>
    Query: ${query} Results: ${words.length} Time taken: ${fetchtime} ms
</div>

<script>
    const app = new Vue({
        el:'#app',
        delimiters: ['${', '}'],
        data() {
            return {
                listId:'words',
                word:'',
                query:'',
                words:[],
                fetchtime: 0
            }
        },
        methods: {
            async signalChange(){
                console.log(this.word)
                if (this.word.length > 2 && this.word.slice(0,3).toLowerCase() != this.query) {
                    this.query …

Run Code Online (Sandbox Code Playgroud)

html autocomplete datalist vue.js

hen*_*dry

2021 03-22

7
推荐指数

1
解决办法

355
查看次数