Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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 在js/jquery中选择框作为按钮_Javascript_Jquery - Fatal编程技术网

Javascript 在js/jquery中选择框作为按钮

Javascript 在js/jquery中选择框作为按钮,javascript,jquery,Javascript,Jquery,我如何创建按钮,并在单击它后选择valueexport并运行run 我有这个HTML: <div class="actions"> <label>Action: <select name="action"> <option value="" selected="selected">---------</option> <option value="export">Export

我如何创建按钮,并在单击它后选择value
export
并运行
run

我有这个HTML:

<div class="actions">
        <label>Action: <select name="action">

        <option value="" selected="selected">---------</option>
        <option value="export">Export</option>

    </select></label><input class="select-across" name="select_across" type="hidden" value="0" />

    <button type="submit" class="button" title="Run" name="index" value="0">Run</button>
</div>

行动:
---------
出口
跑
使用jQuery:

$(function () {
    var newButton = $("<button />").attr({
        id: "newButton",
        name: "newButton"        
    })
    .text("New Button")
    .on("click", function() {
        $("select[name=action]").val("export").change();
    })
    .appendTo("body");

    $("select[name=action]").on("change", function () {
        if ($(this).val() == "export") {
            $("button[name=index]").click();
        }
    });
});
$(函数(){
var newButton=$(“”).attr({
id:“纽扣”,
名称:“纽扣”
})
.text(“新建按钮”)
.on(“单击”,函数(){
$(“选择[name=action]”).val(“导出”).change();
})
.附于(“主体”);
$(“选择[name=action]”)。在(“更改”上,函数(){
if($(this.val()=“导出”){
$(“按钮[名称=索引]”)。单击();
}
});
});


注意:我刚刚添加了实际创建新按钮的缺失部分。

如果我正确解释了您的问题,您希望创建一个新按钮,单击该按钮时:

1> 更改要导出的选择框的值

2> 单击提交按钮:

<button id="newbutton">Do stuff</button>

<div class="actions">
        <label>Action: <select name="action">

        <option value="" selected="selected">---------</option>
        <option value="export">Export</option>

    </select></label><input class="select-across" name="select_across" type="hidden" value="0" />

    <button type="submit" class="button" title="Run" name="index" value="0">Run</button>
</div>

//your javascript:
$(function () {
    $("#newbutton").click( function() { 
         $("select[name=action]").val("export");
         $("button[name=index]").trigger("click"); 
    });
});
做事
行动:
---------
出口
跑
//您的javascript:
$(函数(){
$(“#新按钮”)。单击(函数(){
$(“选择[名称=操作]”).val(“导出”);
$(“按钮[名称=索引]”)。触发器(“单击”);
});
});

$(“选择”)。在(“更改”上,函数(){if($(this).val()=“导出”)$(“按钮”)。单击();})+1 MelanciaUK,正确方法:)-1用于在评论中发布答案:POK,那我就贴出来作为答复D+1表示第一次在评论中发布答案,说明这有多容易;D+1表示随后发布真实答案,说明你不是盗名者:D