JavaScript函数，根据所选选项更改div-donds'；你不总是按预期的那样工作吗？_Javascript_Onchange_Drop Down Menu

JavaScript函数，根据所选选项更改div-donds'；你不总是按预期的那样工作吗？

javascript drop-down-menu

JavaScript函数，根据所选选项更改div-donds'；你不总是按预期的那样工作吗？,javascript,onchange,drop-down-menu,Javascript,Onchange,Drop Down Menu,我有一个JavaScript函数（picture），当访问者从下拉菜单（picture\u-type）中选择一个选项（onchange）时，就会激活该函数，然后该选项会更改div（picture\u-div）中的数据但是，div中的数据并不总是反映所选的选项，例如：如果选择“选择”选项…然后选择“URL”选项，div不会反映“URL”应该是什么以下是JavaScript函数和相应的HTML： <script> function picture() { var pictur

我有一个JavaScript函数（picture），当访问者从下拉菜单（picture\u-type）中选择一个选项（onchange）时，就会激活该函数，然后该选项会更改div（picture\u-div）中的数据

但是，div中的数据并不总是反映所选的选项，例如：如果选择“选择”选项…然后选择“URL”选项，div不会反映“URL”应该是什么

以下是JavaScript函数和相应的HTML：

<script>
function picture() {
    var picture_type = document.getElementById('picture_type').value;
    if (picture_type == 2) {
        document.getElementById('picture_div').innerHTML = '<a href="predefined_pics.php">Click here</a> to select one.';
    }
    if (picture_type >= 1) {
        document.getElementById('picture_div').style.display = 'block';
    } else {
        document.getElementById('picture_div').style.display = 'none';
    }
}
</script>


<select id="picture_type" onchange="return picture();">
<option value="0" selected="selected">Upload</option>
<option value="1">URL</option>
<option value="2">Select</option>
</select>


<div id="picture_div" style="display: none;">
URL: <input name="url" type="text" style="width: 100%" />
</div>


函数图片（）{
var picture\u type=document.getElementById（'picture\u type'）。值；
如果（图片类型==2）{
document.getElementById（'picture_div'）。innerHTML='选择一个'；
}
如果（图片类型>=1）{
document.getElementById（'picture_div'）。style.display='block'；
}否则{
document.getElementById（'picture_div'）。style.display='none'；
}
}
上传
统一资源定位地址
挑选
网址：

如果您不理解我，我建议您测试上述代码，并使用选项更好地理解我。：）

非常感谢您的帮助

我认为代码中存在一些不一致之处

仅当选择了

URL

选项时，您才更改

picture\u div

的内容，但当选择

URL

或

Select

时，将显示div

如果选择了

Select

选项，我认为您需要更改

picture\u div

的值

实际上，这里的要求是什么？选择

URL

或

Select

选项时是否必须显示

picture\u div

？如果是这种情况，那么你必须检查情况

if (picture_type == 2) {
    document.getElementById('picture_div').innerHTML = '<a href="predefined_pics.php">Click here</a> to select one.';
}

我认为代码中有一些不一致之处