我正在开发一个php应用程序,使用Messi,一个jquery弹出框: http: //marcosesperon.es/apps/messi/
在我的应用程序中,我有一个定价计划,我试图使其可编辑。这个想法是当他们点击一个按钮时,messi弹出框出现,他们可以选择一些选项并输入数据,然后将这些数据添加到表格中。
我已经到了单击按钮并弹出messi弹出框的阶段,显示用户可以选择不同选项的选择框。
代码如下:
function new_header()
{
var content = "<form class='format_form' action='add_category.php' method='POST'>
<fieldset>
<legend>Choose a Pricing Category</legend>
<ol>
<li>
<label for='category'>Category</label>
<select id='category' name='category'>
<option value='short_break'>Short Break</option>
<option value='nightly_rate'>Nightly Rate</option>
<option value='percentage_off'>Percentage Off</option>
<option value='free_nights'>Free Nights</option>
</select>
</li>
</ol>
</fieldset>
<fieldset>
<button type='submit' name='add_category' onclick='return validate_form();' id='add_category'>Add the Pricing Category</button>
</fieldset>
</form>";
new Messi(content, {title: "Add a New Pricing Category", modal: true, width: '650px'});
}
表格中是一个可点击的图片弹出messi弹出框,代码如下:
<th scope="col" class="rounded-topright">
<img class='hover_off' src='../../../includes/images/table/add_header.png' width='25px' height='25px'>
<a href='#' onclick='new_header()'>
<img class='hover_on' src='../../../includes/images/table/add_header_hover.png' width='25px' height='25px'>
</a>
</th>
然后出现在messi 弹出框中的内容取决于用户在选择框中的选择。作为测试,我试图让系统在选择框选项更改时显示 javascript 警报,如下所示:
$(document).ready(function()
{
var category_number;
$("#category").change(function() //When the category is changed
{
category_number = document.getElementById('category').selectedIndex; //Get the property location in the array
alert(category_number);
});
});
我已经尝试将此代码首先放入包含所有其他 javascript 的 .js 文件中,然后当它不起作用时,我将其放入带有原始定价表的 .php 文件中,但这也没有不行。
任何人都可以帮忙吗?还是失败了,想出一个更好的方法让我实现同样的目标?