选择的选项不使用jQuery

时间:2017-08-24 09:12:13

标签: javascript jquery html

“selected”属性在我的html中运行得很好,但由于某种原因它不在我的javascript中,并且在默认情况下显示“空白”,未选择任何选项。我错过了什么?其余的代码工作正常,它只是“选中”。我也试过选择=“选中”。 提前谢谢。

$('#uConex')
    .find('option')
    .remove()
    .end()
    .append('<option value="1">1</option>')
    .append('<option value="2" selected>2</option>')
    .append('<option value="3">3</option>')
    .append('<option value="4">4</option>')
    .val('whatever');

4 个答案:

答案 0 :(得分:0)

如果#uConex是一个我认为是的选择字段,那么您设置.val('whatever'),它会尝试选择值为whatever的选项。由于任何不是有效选项,它实际上不能选择它,因此它显示一个空白框。你想用.val('whatever')做什么?

答案 1 :(得分:0)

val参数设置为option

的值
$('#uConex')
.find('option')
.remove()
.end()
.append('<option value="1">TEST1</option>')
.append('<option value="2" selected>TEST2</option>')
.append('<option value="3">TEST3</option>')
.append('<option value="4">TEST4</option>')
.val('2');

答案 2 :(得分:0)

添加动态选择选项:

function addOption1(row){

            var $el = $(#idselect);

            var json = {

                "00:00": '00:00',
                "00:15": '00:15',
                "00:30": '00:30',
                "00:45": '00:45',

                };

            $el.empty(); // remove old options

            $el.append($("<option></option>").attr("value", '').text('To'));
            $.each(json, function(value, key) {
              $el.append($("<option></option>").attr("value", value).text(key));
            });
            $el.append($("<option></option>").attr("value", '99').text('Other sub function'));

        }

答案 3 :(得分:0)

&#13;
&#13;
$('#uConex')
    .find('option')
    .remove()
    .end()
    .append('<option value="0">Select Value</option>')
    .append('<option value="1">1</option>')
    .append('<option value="2">2</option>')
    .append('<option value="3">3</option>')
    .append('<option value="4">4</option>')
    .val('0');
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="uConex"></select>
&#13;
&#13;
&#13;

错误的选择 val(&#39;无论什么&#39;)您需要选择 val(&#39; 0&#39;)