Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/393.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用JavaScript或JQuery插入HTML?_Javascript_Jquery_Html - Fatal编程技术网

如何使用JavaScript或JQuery插入HTML?

如何使用JavaScript或JQuery插入HTML?,javascript,jquery,html,Javascript,Jquery,Html,我想能够插入一个下拉框,我已经指定的选项,应选择为默认值 类似于下面的代码,其中第一个应该插入一个下拉框,默认选择BBB val2~BBB 这几乎满足了我的需要,但问题是: 应该可以定义应选择哪个选项作为默认选项 JavaScript/JQuery应该是通用的,而不是硬编码到特定的ID 我想要的是这样的东西 <select> <script type='text/javascript'> insert_dropdown("val2"); &

我想能够插入一个下拉框,我已经指定的选项,应选择为默认值

类似于下面的代码,其中第一个应该插入一个下拉框,默认选择BBB val2~BBB

这几乎满足了我的需要,但问题是:

应该可以定义应选择哪个选项作为默认选项 JavaScript/JQuery应该是通用的,而不是硬编码到特定的ID 我想要的是这样的东西

<select>
    <script type='text/javascript'>
        insert_dropdown("val2");
    </script>
</select>

<select>
    <script type='text/javascript'>
        insert_dropdown("val3");
    </script>
</select>
这样的功能应该如何实现?

试试这个

//Assuming options is an array of code/value pair
    insert_dropdown(options, default, $("#select1"));

function insert_dropdown(options, default, container){
  $.each(options, function(){
    container.append("<option value='"+this.code+"'>"+this.value+"</option>");
  });
  container.val(default);//This will select the default option
}

像这样的怎么样:

function setDefaultValue(theValue)
{ $('#myselect').val(theValue);}
试试这个: 为了选择一个选项,您需要设置selected=true,因此我们创建一个对象对象,该对象包含一个选定值,最终将其自身设置为selected

$(document).ready(function(){
    var myOptions = {
        "option1":{"text":'AAA',"value":'val1',"selected":false},
        "option2":{"text":'BBB',"value":'val2',"selected":true},
        "option3":{"text":'CCC',"value":'val3',"selected":false}
    };

    for (i in myOptions){
        var myOption = myOptions[i];
        var option = new Option(myOption ['text'],myOption ['value']);
            option.selected = myOption ['selected'];
        $('#mySelect').append(option);
    };

});

它看起来非常令人印象深刻!我应该如何实施它?我不太明白。我能从一对中调用它吗?@Sandra Schlichting,不,你不能在元素中执行javascript代码,因为你不能将EventHandler附加到那些元素。我相信有很多方法可以满足您的需要,但我认为我们没有足够的信息来建议最佳方法。如果您需要的是根据另一个选择列表中的某些选择在另一个选择元素上设置默认值,您可以处理onchange事件并以这种方式设置默认值。如果你有机会,去看看吧。