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

Question

I have the regular combobox but i dont want to open it like regular i want to open the modal popup when i click on combobox to open and the all <option> should me open in that modal popup and i will select options from there.

I donnot know that how to make it with jquery or javascript or using css.

Your help will be highly appreciated.

<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

You do as you said. You build a modal with your options and have a way to open the modal when you click the field.

All you need is a button a text element and a hidden input.

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

The button will trigger the modal. In the modal, you will have your available options clickable and on click update the value of the input and the content of the text element.

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

Full Example https://jsfiddle.net/orcjugj2/4/