PHP如何在模式弹出窗口中打开常规选择框选项而不是常规组合框

Question

我有常规的组合框，但是我不想像常规的那样打开它，我想在打开组合框时打开模式弹出框，所有<option>应该在该模式弹出框中打开，我会从那里选择选项。

我不知道如何用jquery或javascript或css做到这一点。

非常感谢您的帮助。

<select name="xyz">
i want to open the below option in modal popup to select from there.
<option>001</option>
<option>002</option>
<option>003</option>
</select>

Answer 1

你照你说的做。 您可以使用选项来构建模态，并且可以在单击字段时打开模态。

您只需要一个按钮，一个文本元素和一个隐藏的输入即可。

<input type="hidden" id="option">
<button role="button" data-toggle="modal" data-target="#selectModal">
    Select an Option
</button>
<span id="optionName"></span>

该按钮将触发模态。 在模式中，您将单击可用选项，然后单击更新输入值和文本元素的内容。

$(option).on('click', function () {
    $('#option').val($(this).attr('value'));
    $('#optionName').text($(this).text());
    $('#selectModal').modal('hide');
});

完整示例https://jsfiddle.net/orcjugj2/4/