javascript - js根据选项选择更改选择名称

Question

我有一个动态下拉菜单，其中的选项是从数据库加载的，现在我需要在每次从下拉菜单中选择不同的选项时更改属性。

为了实现这一目标，我正在尝试使用我认为适合完成这项工作的js，但不幸的是我发现这很困难并且无法提出正确的解决方案，实际上我不知道如何开始它。

这是我的动态生成下拉菜单的 PHP 代码:

$opt = '<select id="Forex" name="" style="display: none">';
            $opt1 = '<option value="">Select Forex Workshop</option>';
                $opt2 = '';
                while($result = mysqli_fetch_assoc($query)){
                    if($timestamp < $result['endingDate']){
                    $opt2 .= '<option id="'.$result['id'].'" value="'.$result['startingDate'].'">'.$result['course'].'</option>';   
                    }
                }

                $opt3 =  '</select>';
                return $opt.$opt1.$opt2.$opt3;

有人可以建议一个解决方案吗，至少给我一个涵盖此问题的文章的链接

Answer 1

您可以添加“onchange”事件并更改您喜欢的名称:

$('#Forex').change(function(){
    var val = $(this).val(); // you can get the value of selected option

    //you can process your conditions here

    $(this).attr('name', 'your_choice_name'); // this will change the name attribute
});

或者您可以通过 javascript 执行此操作

<select id="Forex" name="abc" onchange="changeAttr(this);">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
</select>


<script type="text/javascript">
function changeAttr(ele)
{
    var val = ele.value;
    var n = "";

    if(val == 1){
        n = 'xyz';
    } else if(val == 2){
        n = 'abc';
    }
    ele.setAttribute('name', n);
}
</script>

希望这能帮助你得到你想要的......