显示具有多个值属性的选择框值

Question

<select class="form-control"  id="country" name="country">
    <option data-othervalue=hellow world value="some value">three</option>
</select>

<script>
    $('#country').change(function () {
        var otherValue=$(this).find('option:selected').attr('data othervalue');

        $('#tempselect').val(otherValue);

    });
</script>

//Input which shows secondary value from select box
<input type="text" id="tempselect">

I know my script is wrong but how can I get the second value ie 'data-other value' to the above textbox

Answer 1

 <option data-othervalue=hellow world value="some value">three</option> 

到

 <option data-othervalue="hellow world" value="some value">three</option>

Answer 2

HTML isn't very strict with syntax and gives many possibilities to achieve one thing. One ways are better than the others and they are called as good practices.

Regarding you rquestion: attributes values can be specified without double-quotes as long as the value is string without any spaces, when space is introduced, browser reads only first word for attribute value, that's why you need to rap hellow world in double-quotes.

Having said that, good practice is to always use double quotes around the attribute values, no matter if they consist of one or more words.