通过 jQuery 从 href 参数检索值

Retrieve value by jQuery from href parameter?

本文关键字:检索 参数 href jQuery 通过      更新时间:2023-09-26

我正在尝试使用jquery显示对话框表单。但是,我希望能够从打开此表单的 href 参数将值传递到此表单中。

我的查询:

// Set SerialNumber dialog form
$("#setsn-form").dialog({
    autoOpen: false,
    width: 350,
    modal: true
});
$(".set-serialnumber")
.button()
.click(function () {
$("#setsn-form").a
    $("#sethor-form").dialog("open");
});

href 链接是这样的:

<a href='#?SerialNumber=123456789' title='Set Serial Number' class='set-serialnumber'>

如何在该对话框表单中获取SerialNumber=123456789

$(".set-serialnumber").button().click(function () {
    var serial = this.href.split('?').pop();
    // somehow pass to dialog ?
});

HTML:

<input id="serialnumber" type="hidden" value="SerialNumber=123456789">
<button id="open-dialog">Open Dialog</button>
<div id="serial-modal">
    <p id="dialog-serial"></p>
</div>

脚本:

$("#serial-modal").dialog({
  autoOpen: false,
  width: 350,
  modal: true
});
$("#open-dialog").click(function () {
  $("#serial-modal").dialog("open");
  $("#dialog-serial").html($("#serialnumber").val());
});

在这里工作 JSFiddle:http://jsfiddle.net/SRELC/1/