如何將一個selectbox選項值分配給一個php變量？

Question

我有兩個選擇框，

<select name="template" id="template">
        <option value="" selected>--Select--</option>
            <option value="HOME">Home</option>
            <option value="HELP">How We Help</option>
            <option value="CONTACT">Contact Us</option>
            <option value="ABOUT">About Us</option>
</select>

和

<select name="location" id="location"">
    <option value="" selected>--Select--</option>
            <option value="header">Header</option>
            <option value="center">Center</option>
            <option value="footer">Footer</option>
    </select>

問題在於，在第二個選擇框中，僅“聯系我們”模板需要中心位置。 如何隱藏所有其他模板的居中選項？

Answer 1

在不了解其余代碼的情況下，只是假設它只是簡單的PHP（無框架）

<select name="location" id="location"">
<option value="" selected>--Select--</option>
        <option value="header">Header</option>
        <?php if ($template == 'contact_us'):?>
        <option value="center">Center</option>
        <?php endif;?>
        <option value="footer">Footer</option>
</select>

用一個簡單的if塊包裝center選項，以測試當前模板的類型，這將允許您根據加載的頁面顯示或隱藏該值。

如果您在框架中，可能有更好的方法來執行此操作，但是如果您僅使用純PHP，我建議的方法將起作用。

Answer 2

只需將<option>的靜態值替換為所需的變量

value="<?php echo $variable;?>"

隱藏時，您必須為聯系人頁面設置條件樣本，然后設置變量$page='Contact_Us'表示該頁面為contact_us。然后在您的選項中創建一個條件，使選項中心僅在$page='Contact_Us'時$page='Contact_Us'僅$page='Contact_Us'

//Define variable `$page` in contact_us page
$page='Contact_Us';

<select name="location" id="location"">
    <option value="" selected>--Select--</option>
            <option value="header">Header</option>
            <?php if($page == 'Contact_US'){?>
            <option value="center">Center</option> 
            <?php }?>
            <option value="footer">Footer</option>
    </select>

Answer 3

1）隱藏一個中心選項： jsfiddle這里

2）在php中設置選項值：

• 將<option value="header"></option>替換為<option value="<?php include('myScript.php') ?>"></option>
• 然后在myScript.php中 ， echo "newValue";

Answer 4

嘗試這個：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
<script>
    $(document).ready(function(){
        $('#template').change(function(){
            var template = $(this).val()
                ,option = $('#container > select > option');
            if(template=="CONTACT")
                $('#location > option[value="header"]').after(option.clone());
            else
                $('#location > option[value="center"]').remove();
        }).change();
    });
</script>
<select name="template" id="template">
    <option value="" selected>--Select--</option>
    <option value="HOME">Home</option>
    <option value="HELP">How We Help</option>
    <option value="CONTACT">Contact Us</option>
    <option value="ABOUT">About Us</option>
</select>
<select name="location" id="location">
    <option value="" selected>--Select--</option>
    <option value="header">Header</option>
    <option value="footer">Footer</option>
</select>
<div id="container" style="display: none">
    <select>
        <option value="center">Center</option>
    </select>
</div>