javascript - 将下拉列表中的多个对象定义为单独的变量？

Question

嗨，我试图在 javascript 中将这些对象定义为单独的变量，但我没有成功，您如何才能单独获得这些值，例如，登录=“uk”和另一个变量为 review=“com” ”

            <label for="location">Country</label>
            <select name="location" id="location" value="" >
                <option value=""></option>
                <option value='{"login":"uk","review":"com"}'>UK</option>
                <option value='{"login":"Canada","review":"ca"}'> Canada</option>

            </select>

Answer 1

使用 JQuery 您可以执行以下操作:

var login, review;

$("#location").on("change", function(){
    var obj = JSON.parse($(this).val());
    login = obj.login;
    review = obj.review;
});

var login, review;

$("#location").on("change", function(){
    var obj = JSON.parse($(this).val());
    login = obj.login;
    review = obj.review;
  
    console.log(review);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label for="location">Country</label>

<select name="location" id="location" value="" >
    <option value=""></option>
    <option value='{"login":"uk","review":"com"}'>UK</option>
    <option value='{"login":"Canada","review":"ca"}'> Canada</option>

</select>