Javascript 在js/jquery中选择框作为按钮
我如何创建按钮,并在单击它后选择valueJavascript 在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
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