Question

我有两个订单A和B. 当我单击A时，它会打开一个带有选择选项的对话框，该选项默认为空白但具有“是”或“否”。当我点击B时，它会打开一个带有选择选项的对话框;但是，它不会在空白处违约，而是延续我为A选择的任何内容。

我需要B在第一次点击时打开一个新的对话框。我还需要A来记住用户上次选择的内容。

我尝试了$("#input select option:selected").val("Y")，它确实设置了值;但不是在UI本身。当我想根据是否选择了Y或N来隐藏元素时，这会导致问题。

Answer 1

您可能希望在某处保存所选选项，并在打开对话框时将<select>的值设置为该保存的值。

下面的内容应该让你开始。

var orderData = {};  // -- An object to save the data into
var activeEl;        // -- Keep track of which button we've clicked

$('#btnOrder1,#btnOrder2').click(function(){

    // -- open the dialog
    $('#dialog').dialog({
        title:'Order Options',
        modal: true
    });

    // -- set the last clicked button to the ID of the one we clicked...
    activeEl = this.id;
    // -- set the select's option to the value we've stored. 
    // -- Unless we don't have a value, in which case we'll use "empty".
    $('#selOrderOption').val(orderData[activeEl] || '');
});

// -- set up the save click handler
$('#btnSave').click(function(){
    // -- save the selected value, keyed by the active button's ID
    orderData[activeEl] = $('#selOrderOption').val();
    $('#dialog').dialog("close");
});

http://jsfiddle.net/daveSalomon/7Lds66td/

打开jQuery对话框，选择相同的选项

1 个答案: