0

我正在开发一个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 文件中,但这也没有不行。

任何人都可以帮忙吗?还是失败了,想出一个更好的方法让我实现同样的目标?

4

2 回答 2

0

通过添加解决了该问题:

onchange='category_change(this)' 

进入选择框属性,然后创建一个函数category_change()来处理选定的选项。

于 2013-03-28T15:30:15.217 回答
0

尝试添加:

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);
}); 

var content并使用 messi 弹出窗口启动它们

于 2013-03-28T15:30:57.683 回答