Question

我的表单包含时间戳的单选按钮，即LOT和UTC。选择的默认值为UTC。我的下拉列表包含gmt偏移值和名称。即

<select name="DropDownTimezone" id="DropDownTimezone" onchange="">
    <opetion value="5">(GMT +5:30) Bombay, Calcutta, Madras, New Delhi</option>
    <option value="6">(GMT +5:00) Ekaterinburg, Islamabad, Karachi, Tashkent</option>
    <opetion value="7">(GMT) Western Europe Time, London, Lisbon, Casablanca<option>
    ..
    ...
    .
    etc.
</select>

当我选择LOT并选择UTC然后为伦敦设置默认值时，我必须设置默认值bombay。我们如何在html表单上设置它？请给我一些简单的逻辑。

 <input type="radio"  id="DateTimeZone1" onchange="" 
 name="DateTimeZoneID" value="2">LOT  <input type="radio" 
 id="DateTimeZone2" onchange="" name="DateTimeZoneID" value="2">UTC

Answer 1

尝试类似this demo的内容，这里是jQuery中的相关代码：

$(document).ready(function(){
    $('input:radio[name ="DateTimeZoneID"]').change(function(e){
        var radioVal = $('input:radio[name ="DateTimeZoneID"]:checked').val();
        if(radioVal == 1){
            $("#DropDownTimezone").val('8');// whatever the options val is
        }else if(radioVal == 2){
            $("#DropDownTimezone").val('9.9');// whatever the options val is
        }
    });
});

另请注意

，请务必修复代码中的拼写错误，例如<opetion等

如果你不熟悉jQuery，你也需要包含jquery，将其添加到头部：

<script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>

html表单onselection更改下拉字段的值

1 个答案: